Greasy Fork is available in English.

CSS: www.facebook.com - font Segoe UI

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

  1. // ==UserScript==
  2. // @name CSS: www.facebook.com - font Segoe UI
  3. // @description Corrections to UI of new Facebook for desktop browsers: font Segoe UI, bigger text size
  4. // @author MK
  5. // @namespace max44
  6. // @homepage https://greasyfork.org/en/users/309172-max44
  7. // @match *://www.facebook.com/*
  8. // @icon https://static.xx.fbcdn.net/rsrc.php/yD/r/d4ZIVX-5C-b.ico
  9. // @version 1.1.1
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (function() {
  14. var fontFamily = '"Segoe UI", Arial, Roboto, Helvetica, sans-serif';
  15. var css = `
  16. /*Global text*/
  17. body, .k1z55t6l {
  18. font-family: ${fontFamily} !important;
  19. font-size: 15px !important;
  20. }
  21.  
  22. /*News feed width*/
  23. /*.oh7imozk {
  24. width: 78% !important;
  25. }*/
  26.  
  27. /*Author and time*/
  28. .jwegzro5 {
  29. font-family: ${fontFamily} !important;
  30. font-size: 15.5px !important;
  31. }
  32.  
  33. /*Preview text*/
  34. .qzhwtbm6 > .a8c37x1j, .bi6gxh9e > .e9vueds3 {
  35. font-family: ${fontFamily} !important;
  36. font-size: 13.5px !important;
  37. }
  38.  
  39. /*Number of likes, comments, shares, seen by*/
  40. div.hf30pyar.lq84ybu9.ta68dy8c > div > div > div > div > div.i85zmo3j.rtxb060y.alzwoclg,
  41. div.dkzmklf5 > span > div > div > div > span.gvxzyvdx.aeinzg81.t7p7dqev,
  42. div.i85zmo3j > div > span > div > span.gvxzyvdx.aeinzg81.t7p7dqev,
  43. div.dkzmklf5 > div > span > span.gvxzyvdx.aeinzg81.t7p7dqev {
  44. font-family: ${fontFamily} !important;
  45. font-size: 13.5px !important;
  46. }
  47.  
  48. /*View previous comments*/
  49. div.laatuukc > div > div > div > span > span.k1z55t6l,
  50. div.laatuukc > div > div > div > div > span.k1z55t6l {
  51. font-family: ${fontFamily} !important;
  52. font-size: 13.5px !important;
  53. }
  54.  
  55. /*Comment author*/
  56. .nfkogyam {
  57. font-family: ${fontFamily} !important;
  58. font-size: 14.5px !important;
  59. }
  60.  
  61. /*Comment text*/
  62. div.d2hqwtrz.o9wcebwi.b6ax4al1 > span.tes86rjd.t7p7dqev.oog5qr5w {
  63. font-family: ${fontFamily} !important;
  64. font-size: 14.5px !important;
  65. }
  66.  
  67. /*Like, reply and time of comment*/
  68. div > ul.h0zv973x.aglvbi8b > li.jbg88c62.h07fizzr {
  69. font-family: ${fontFamily} !important;
  70. font-size: 13.5px !important;
  71. }
  72.  
  73. /*View more replies to comment*/
  74. div.om3e55n1 > div > div > span > span.gvxzyvdx.aeinzg81.t7p7dqev,
  75. div > div.m8h3af8h > div > div > span > span.gvxzyvdx.aeinzg81.t7p7dqev {
  76. font-family: ${fontFamily} !important;
  77. font-size: 13.5px !important;
  78. }
  79.  
  80. /*Replies to comment, menu at left, list of contacts at right*/
  81. /*.hpfvmrgz > .rq0escxv {
  82. font-family: ${fontFamily} !important;
  83. font-size: 13.5px !important;
  84. }*/
  85.  
  86. /*Number of likes under comment*/
  87. div.i85zmo3j.alzwoclg > span.qm54mken.f1iqohp5.rl78xhln {
  88. font-size: 12px !important;
  89. }
  90. .bp9cbjyn > .qt6c0cv9 {
  91. padding-bottom: 2px;
  92. }
  93.  
  94. /*Remove limit on height of underpicture text*/
  95. .r9c01rrb {
  96. max-height: none !important;
  97. }
  98. `;
  99.  
  100. if (typeof GM_addStyle != 'undefined') {
  101. GM_addStyle(css);
  102. } else if (typeof PRO_addStyle != 'undefined') {
  103. PRO_addStyle(css);
  104. } else if (typeof addStyle != 'undefined') {
  105. addStyle(css);
  106. } else {
  107. var node = document.createElement('style');
  108. node.type = 'text/css';
  109. node.appendChild(document.createTextNode(css));
  110. document.documentElement.appendChild(node);
  111. }
  112. })();