Posted By

nerdfiles on 11/13/12


Tagged

css fonts Stylish dyslexia


Versions (?)

Render Dyslexic Fonts using Stylish in Web Browsers


 / Published in: CSS
 

URL: http://webjournal.nerdfiles.net/2012/11/11/shut-down-yr-school/

The copyright system has allowed for books and most forms of popular communication to reach the point of neglecting 5-10% of the population, a group of those afflicted with Dyslexia. In a very clear sense, I believe these books - well, their content - have become enslaved by this peculiar institution. Like with the "peculiar institution" of the Confederacy, it is clear that only technology and the Open Web can liberate these entities still tether'd to industrial capitalism. Industries have been built around unchecked consumption (Social Media, Big Banks, Big Brother, the Orthodox University System, Judeo-Christian Publishers, etc.), despite our cognitive, biological, and phenomenological - and by extension existential and ecological - limitations. Dyslexia is a reaction to our effects on ourselves; these font are a dialectical response, in my view, to our capacity to undo ourselves.

  1. /**
  2.  * A list of small snippets for rendering Dyslexic fonts in modern Web browsers.
  3.  *
  4.  * @repos https://github.com/antijingoist/AlphaSymbolic,
  5.  * https://github.com/antijingoist/open-dyslexic,
  6.  * https://github.com/antijingoist/Eulexia
  7.  *
  8.  * @usage https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe,
  9.  * https://addons.mozilla.org/en-US/firefox/addon/stylish/,
  10.  * or use Custom Stylesheets in Opera
  11.  */
  12.  
  13. /*
  14.  * Use font-smoothing for obeying browsers.
  15.  * It may help with AlphaSymbolic's readability.
  16.  */
  17.  
  18. body,
  19. input,
  20. select,
  21. textarea {
  22. -webkit-font-smoothing: antialiased;
  23. }
  24.  
  25. /* Style: Open Dyslexic */
  26.  
  27. @namespace url(http://www.w3.org/1999/xhtml);
  28.  
  29. body,
  30. font,
  31. p,
  32. a, a:visited,
  33. li,
  34. dt, dd,
  35. blockquote,
  36. span, label,
  37. input, select, textarea,
  38. table,td,th {
  39. /*font-size: 16px !important;*/
  40. font-family: "OpenDyslexic" !important;
  41.  
  42. }
  43.  
  44. h1,h2,h3,h4,h5,h6 {
  45. font-family: "OpenDyslexic" !important;
  46. }
  47.  
  48.  
  49. /* Eulexia */
  50.  
  51. @namespace url(http://www.w3.org/1999/xhtml);
  52.  
  53. body,
  54. font,
  55. p,
  56. a, a:visited,
  57. li,
  58. dt, dd,
  59. blockquote,
  60. span, label,
  61. input, select, textarea,
  62. table,td,th {
  63. /*font-size: 16px !important;*/
  64. font-family: "Eulexia" !important;
  65.  
  66. }
  67.  
  68. h1,h2,h3,h4,h5,h6 {
  69. font-family: "Eulexia" !important;
  70. }
  71.  
  72.  
  73. /* Style: AlphaSymbolic */
  74.  
  75. @namespace url(http://www.w3.org/1999/xhtml);
  76.  
  77. body,
  78. font,
  79. p,
  80. a, a:visited,
  81. li,
  82. dt, dd,
  83. blockquote,
  84. span, label,
  85. input, select, textarea,
  86. table,td,th {
  87. /*font-size: 16px !important;*/
  88. font-family: "AlphaSymbolic" !important;
  89.  
  90. }
  91.  
  92. h1,h2,h3,h4,h5,h6 {
  93. font-family: "AlphaSymbolic" !important;
  94. }
  95.  
  96.  
  97. /* Eulexic Headers on Open Dyslexic */
  98.  
  99. @namespace url(http://www.w3.org/1999/xhtml);
  100.  
  101. body,
  102. font,
  103. p,
  104. a, a:visited,
  105. li,
  106. dt, dd,
  107. blockquote,
  108. span, label,
  109. input, select, textarea,
  110. table,td,th {
  111. /*font-size: 16px !important;*/
  112. font-family: "OpenDyslexic" !important;
  113.  
  114. }
  115.  
  116. h1,h2,h3,h4,h5,h6 {
  117. font-family: "Eulexia" !important;
  118. }
  119.  
  120.  
  121. /* Open Dyslexic Headers */
  122.  
  123. @namespace url(http://www.w3.org/1999/xhtml);
  124.  
  125. body,
  126. font,
  127. p,
  128. a, a:visited,
  129. li,
  130. dt, dd,
  131. blockquote,
  132. span, label,
  133. input, select, textarea,
  134. table,td,th {
  135. /*font-size: 16px !important;*/
  136. font-family: "Eulexia" !important;
  137.  
  138. }
  139.  
  140. h1,h2,h3,h4,h5,h6 {
  141. font-family: "OpenDyslexic" !important;
  142. }

Report this snippet  

You need to login to post a comment.