Viewing How can I make sure the font I'm using in EverWeb can be looking like exactly the same after publishing?
How can I make sure the font I'm using in EverWeb can be looking like exactly the same after publishing?
|
User: Yuanbo L. 7 years ago
|
|
|
I notice that sometimes the font looks differently if I open it on windows OS.
------------------------------- Yuanbo Li |
|
|
User: Roddy 7 years ago
|
|
|
Fonts used on a website need to be available on all computers - not just Macs. These are called Web Safe Fonts. If you don't use a font from the web safe list you should include a web safe fallback font or - at least - the generic group. The easiest way is to use a Google hosted font although you can also self host a font with a little more effort. Here's some INFO about using fonts on a website, ------------------------------- 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. |
|
|
✔ Best Answer
|
|
|
User: Paul-RAGESW 7 years ago
|
|
|
Hi Yuanbo, As Roddy mentioned, the font must be available on the device the web site is being viewed on. However, if you want to use custom fonts you can use one of the hundreds of free Google fonts that EverWeb seamlessly integrates with. All you have to do is choose and install the Google font. We explain how to use Google Fonts with EverWeb in this video tutorial. If you want to use your own custom font you have to make sure that you have the rights to use them on your website. Once you have confirmed that you can follow Roddy's tutorial in the link he provided. We highly recommend Google Fonts though because with those you are guaranteed to have the rights to use them and it's very easy with EverWeb. Hope this helps! ------------------------------- Paul EverWeb Developer |
|
|
User: Yuanbo L. 7 years ago
|
|
|
Hi Roddy, thnx for the advice, I would go for self hosted font option, according to your post, but i couldn't find all three fonts files, only one .ttf in skyfonts-google folder.
------------------------------- Yuanbo Li |
|
|
User: Yuanbo L. 7 years ago
|
|
|
Hi Roddy, thnx for the advice, I would go for self hosted font option, according to your post, but i couldn't find all three fonts files, only one .ttf in skyfonts-google folder.
------------------------------- Yuanbo Li |
|
|
User: Yuanbo L. 7 years ago
|
|
|
Hi Roddy, thnx for the advice, I would go for self hosted font option, according to your post, but i couldn't find all three fonts files, only one .ttf in skyfonts-google folder.
------------------------------- Yuanbo Li |
|
|
User: Yuanbo L. 7 years ago
|
|
|
Hi Roddy, thnx for the advice, I would go for self hosted font option, according to your post, but i couldn't find all three fonts files, only one .ttf in skyfonts-google folder.
------------------------------- Yuanbo Li |
|
|
User: Roddy 7 years ago
|
|
|
Use the Google Webfont Helper. Go to section 4 and download the zip. ------------------------------- 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: Yuanbo L. 7 years ago
|
|
|
Thnx, Roddy, Yes, I found one of the font I want to use on Google Helper, What if other font is available on Mac but not found on Google Helper? what is the alternative way to find those three types of font files.
------------------------------- Yuanbo Li |
|
|
User: Roddy 7 years ago
|
|
|
Fonts on a Mac are probably copyrighted so you would have to pay for them. The alternative is to use a websafe fallback font so that visitors on a Mac will see the font but those on a Windows machine will see the fallback. ------------------------------- 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: Yuanbo L. 7 years ago
|
|
|
Thnx, Roddy. Could you give me an example what if I want to use Optima font, what should I do in EverWeb?
------------------------------- Yuanbo Li |
|
|
User: Roddy 7 years ago
|
|
|
If you wanted to use the font in every page of the site in EverWeb text boxes you would put the styles in the Head Code box on the Site Publishing Settings page. Otherwise put it in the Head Code box in the Page inspector .. <style> body{font-family:Optima, Trebuchet MS, sans-serif} </style> Iptima is a bit too thin for website use. If you want to help people with eyesight problems and reading difficulties, use Verdana at 15px and 16px on mobile. Use black on a slightly off white background with no letter spacing and definitely no justification. ------------------------------- 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. |