☰

CSS: www.facebook.com - font Arial

Corrections to UI of new Facebook for desktop browsers: font Arial, bigger text size

当前为 2021-04-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          CSS: www.facebook.com - font Arial
  3. // @description   Corrections to UI of new Facebook for desktop browsers: font Arial, bigger text size
  4. // @author        MK
  5. // @namespace     max44
  6. // @homepage      https://greasyfork.org/en/users/309172-max44
  7. // @include       https://www.facebook.com/*
  8. // @include       http://www.facebook.com/*
  9. // @version       1.0.2
  10. // @note          v1.0.2 2021-04-19: font error corrected and news feed width increased
  11. // @note          v1.0.1 2021-02-18: @namespace and @homepage changed
  12. // @note          v1.0 2021-01-05: initial release
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.   var fontFamily = 'Arial, Roboto, Helvetica, sans-serif';
  17.   var css = `
  18.   /*Global text*/
  19.   body, .jq4qci2q, .qzhwtbm6 > .a8c37x1j > .c1et5uql {
  20.     font-family: ${fontFamily} !important;
  21.     font-size: 14px !important;
  22.   }
  23.  
  24.   /*News feed width*/
  25.   .oh7imozk {
  26.     width: 78% !important;
  27.   }
  28.  
  29.   /*Author*/
  30.   .l94mrbxd {
  31.     font-family: ${fontFamily} !important;
  32.     font-size: 14px !important;
  33.   }
  34.  
  35.   /*Preview text*/
  36.   .qzhwtbm6 > .a8c37x1j, .bi6gxh9e > .e9vueds3 {
  37.     font-family: ${fontFamily} !important;
  38.     font-size: 12.5px !important;
  39.   }
  40.  
  41.   /*Likes, comments, shares*/
  42.   .l9j0dhe7 > .m9osqain {
  43.     font-family: ${fontFamily} !important;
  44.     font-size: 12.5px !important;
  45.   }
  46.  
  47.   /*Comment author*/
  48.   .e9vueds3 {
  49.     font-family: ${fontFamily} !important;
  50.     font-size: 13px !important;
  51.   }
  52.  
  53.   /*Comment text*/
  54.   .ecm0bbzt > .jq4qci2q, ._71pn ._4w79 {
  55.     font-family: ${fontFamily} !important;
  56.     font-size: 13.5px !important;
  57.   }
  58.  
  59.   /*Replies to comment, menu at left, list of contacts at right*/
  60.   .hpfvmrgz > .rq0escxv {
  61.     font-family: ${fontFamily} !important;
  62.     font-size: 12.5px !important;
  63.   }
  64.  
  65.   /*Number of likes under comment*/
  66.   .bp9cbjyn > .e9vueds3 {
  67.     font-size: 11px !important;
  68.   }
  69.   .bp9cbjyn > .qt6c0cv9 {
  70.     padding-bottom: 2px;
  71.   }
  72.  
  73.   /*Remove limit on height of underpicture text*/
  74.   .r9c01rrb {
  75.     max-height: none !important;
  76.   }
  77.   `;
  78.  
  79.   if (typeof GM_addStyle != 'undefined') {
  80.     GM_addStyle(css);
  81.   } else if (typeof PRO_addStyle != 'undefined') {
  82.     PRO_addStyle(css);
  83.   } else if (typeof addStyle != 'undefined') {
  84.     addStyle(css);
  85.   } else {
  86.     var node = document.createElement('style');
  87.     node.type = 'text/css';
  88.     node.appendChild(document.createTextNode(css));
  89.     document.documentElement.appendChild(node);
  90.   }
  91. })();