Viewing Hosted Fonts
Hosted Fonts
|
User: Roddy 9 years ago
|
|
|
I've started a new topic about this since the existing one is confusing and doesn't actually provide much useful info. To host fonts requires a minimum of three font file types. These are TTF, WOFF and EOT. Only the .ttf font needs to be installed in the Fonts folder in the usr or system library. This page gives more info about using hosted fonts in EverWeb... http://everwebcodebox.com/html5/info/hosted-fonts.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 9 years ago
|
|
|
Note that the AAi Blog Post about the subject has had the code removed since it presumably didn't work. Another point to note is that it is counter productive to try self hosting fonts that are available via Google since EverWeb inserts the link anyway as soon as you use the Fonts window to select it. This is rather unfortunate since it would make sense to host the fonts yourself rather than have an extra server request to Google - several if you use more than one font type. Hopefully the developers can change this so that we can self host any Google fonts that we wish to use. Elsewhere I have advised against using more than one Google hosted font - especially on the smart phone version of the website - due to the effect it has one the page download time. Obviously this doesn't hold if the font files are downloaded from Google and uploaded to the server containing the site files. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Patrick C. 8 years ago
|
|
| HI Roddy, I have uploaded .eot, .ttf and .woff and they are working everywhere except IE. Is there another one i should upload? Thanks. P | |
|
User: Roddy 8 years ago
|
|
|
Did you include the question mark in the .eot font URL? src: url("font-name.eot?") ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Patrick C. 8 years ago
|
|
|
Yes. Here's what I pasted...<style type="text/css"> @font-face { font-family: 'FuturaLig'; src: url("{!-ASSETSPATH-!}External%20Files/FuturaLig.eot?"), url("{!-ASSETSPATH-!}External%20Files/FuturaLig.woff"), url("{!-ASSETSPATH-!}External%20Files/FuturaLig.ttf") format("truetype") } </style> |
|
|
User: Roddy 8 years ago
|
|
|
You could try this... <style type="text/css"> @font-face { font-family:font-name; src: url("font-name.eot"); src: url("font-name.eot?#iefix"), url("font-name.woff") format("woff"), url("font-name.ttf") format("truetype") } </style> ... although you shouldn't have to if you are using IE 10 or above. Last edit 8 years ago ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Patrick C. 8 years ago
|
|
| Thanks Roddy, I'll give it a try...I've only been using an online emulation of IE so not sure what the version is, will double check on a PC somewhere. Also, wanted to ask you about making sure my font weight is correct. It looks right on mobile devices, but on the desktop version of the site it looks a little thicker than 200. Is there a code I should insert so the font is formatted to 200 everywhere? Cheers, Patrick. | |
|
User: Roddy 8 years ago
|
|
|
Use the font-weight seletcor like this... <style type="text/css"> @font-face { font-family:font-name; src: url("font-name.eot"); src: url("font-name.eot?#iefix"), url("font-name.woff") format("woff"), url("font-name.ttf") format("truetype"); font-weight:200; } </style> ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |