search

Notalib / LYT

m.e17.dk
GNU Lesser General Public License v3.0
10 stars 12 forks source link

Add fontface to options #490

Closed NajaWulff closed 11 years ago

NajaWulff commented 11 years ago

Usability tests show, that a user who has difficulty reading the Modern font might also have it reading the classic. Therefore we should add one of the 'lighter fonts" like comic sans to the options. @andmand can you come up with a suggestion?

andmand commented 11 years ago

Yeah great idea, there were always meant to be more font choices in the future. I think we should try the font Dyslexie, (http://www.studiostudio.nl/project-dyslexie/en/) it's not a system font (and it's damn ugly) but I think we can get it on a licence and use it like webfonts from Fontkit (https://typekit.com/). I know they use it on Instapaper as well as "our own" FS Me which I know exists as a webfont (but then again they have an native app with embedded fonts so it might not be possible). But worth looking into.

andmand commented 11 years ago

Just corresponded with the guy from Studiostudio who makes the Dyslexia font. And hell look into how we can easily get it integrated. He tried their fontkit plugin on the player window. It f***s up the menus. But it should off course only be on the book text.
dyslexia

andmand commented 11 years ago

I got the following message from Christian Boer about the Dyslexia web-plugin:

Thanks again for the interest in the font-plugin. There are 2 ways we can distribute the plugin for your website.

1: The basic way is including a button: You include a JS file from the studiostudio server and put a hyperlink on your page. If you click the button al the text on your website gets a class "Dyslexie". Then al the text transforms in the tyeface Dyslexie.

2: CSS @font-face file only: You can include from the studiostudio server a CSS file with the @font-face code. After that you can call the Dyslexie typeface on every place your want by using this code in CSS: font-family: 'dyslexieRegular'; I think for your Web-app, number 2 is the best option. You can use it on any way you want. Also it is possible to put "font-family: 'dyslexieRegular';" in your body tag, by default everything is in Dyslexie.

I hope this explains everything, if you have further question, don't hesitate to ask them.

andmand commented 11 years ago

Hope it's ok, I close this. New issue here: https://github.com/Notalib/LYT/issues/501