Viewing Where should I place the css-code

Where should I place the css-code



User: Claes H. 8 years ago
Hi, I just wonder how I can get this font-family to work for all my pages

font-family:'Myriad Set Pro';
font-style:normal;
font-weight:100;

and how and where I shall write it to make it work?
User: Roddy 8 years ago
Use the asterisk as the element and apply !important to the value for the various selectors like this...

<style type="text/css">
*{
font-family:'Myriad Set Pro', helvetica, sans-serif !important;
font-style:normal !important;
font-weight:100 !important;
}
</style>

Paste the code into the Site Wide Head Code box on the Site Publishing Settings page.

Since you are using a non websafe font, you should provide a websafe fallback font and a generic group. If you want the font to work in all browsers and on all devices you need to use a hosted font or self host it.

-------------------------------
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: Claes H. 8 years ago
if I want to use Google font – all variants of Open Sans, then what code shall I write?
User: Roddy 8 years ago
First, you need to download the files for all the font styles and weights in the TTF and install them on your Mac so that they are available in the Fonts window in EverWeb.

Go to Google Fonts

Find the required font and click the “Quick Use” tab - the center one of the three tabs to the left of the “Add to Collection” button.

In this window, check the font styles you require in panel [1]
Select the “standard” tab in panel [3] and copy the link.

Paste the link into the site wide Head Code box....

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

Paste this in below it...

<style type="text/css">
*{font-family: 'Open Sans', sans-serif !important}
</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.
✔ Best Answer  
User: Claes H. 8 years ago
Roddy, thanks for the help, it works perfectly.
Claes H


Post Reply
You must login or signup to post.