Google Webfonts 
Author: Martin Gross
Visited 2306,
Followers 2,
Shared 0
Hello everybody, I have a simple request.
I would like to use a font from Google webfonts collection (OpenSans - from extra Light to extra bold) as the DEFAULT font for MY ENTIRE WEBSITE including e-commerce and all other features.
I just want my ENITERE web appear in OpenSans. Every single letter.
My project has many pages and is using all of the features (tables, text boxes, etc...) and I do not want and can not make all the objects HTML/Widget objects.
I am using Website X5 Professional.
Please give me a STEP BY STEP tutorial on how make that happen.
Thank you
Martin
Posted on the
Hello Martin,
You need to select the font and then click on quick use and copy the html code which needs to be added in step 1 - expert "before closing the HEAd tag which is:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Once done you add the css code to load it on the entire page in the same section you added the code before:
<style>
* {font-family: 'Open Sans', sans-serif!important; }
</style>
Many thanks!
Author
Thank you very much, Claudio. I think this is exactly what I need. Just one more question. Do I need to have the font physically installed on my computer and set it as default in Advanced / Styles and Models or will the above settings override the fonts set in that section?
Thank you very much once again.
Martin
Hello Martin,
This code overrides all settings and adds the selected font to all text in your project.
Many thanks!