☰

CSS: www.facebook.com - font Arial

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

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

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