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.