WebSite X5Help Center

 
Michael O.
Michael O.
User

Add a font v10  en

Auteur : Michael O.
Visité 1661, Followers 2, Partagé 0  
Mots-clés :: add,font,google

I am having trouble adding a font.

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,500,700' rel='stylesheet' type='text/css'>

font-family: 'Ubuntu', sans-serif;

from google fonts I added this to the - properties - expert-before closing HEAD tag -

but it does not work.

From Google:
"Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document."

I don´t know how to do this.

I need it to work on Android and Apple devices.

Can you help please

Posté le
6 RéPONSES - 1 CORRECT
Incomedia
Claudio D.
Incomedia

Hello Michael,

the first code line is correct in the HEAD Section, but to use then the font you will need to use ther HTML&Widget Object in step 3 where in the expert tab you add:

p {font-family: 'Ubuntu', sans-serif;}

and in the main tab you add your text between:

<p> and </p>

as Example <p>this text uses the google font</p>

Many thanks!

Lire plus
Posté le de Claudio D.
Michael O.
Michael O.
User
Auteur

Can I set this font for the whole site?

Lire plus
Posté le de Michael O.
Michael O.
Michael O.
User
Auteur

This is from the current source code:

<p style="text-align: center;"><span class="ff2 cf3 fs28"><br /></span><span class="cf2 ff2 fs28">You can smoke freely anytime and anywhere you like<br /><br />Electronic cigarettes have no harmful tar that causes health problems<br /><br />You can choose with or without nicotine<br /><br />A variety of flavours for you to enjoy<br /><br />SAVE MONEY</span><span class="cf3 ff2 fs28"><br /><br /></span><span class="fs20 cf4 ff2"><br /></span></p>

To enter this in every text box individually in two languages will take a verrry long time!

Have I misunderstood?

Lire plus
Posté le de Michael O.
Michael O.
Michael O.
User
Auteur

Hi Claudio,

In the "body tag property" in stage 2 I entered:

*{
font-family : 'Ubuntu', sans-serif;
}

and Ubuntu medium now works on Android (not tested Apple yet)

I cannot get Ubuntu light to work though even tough weight 300 in included in the HEAD tag

Lire plus
Posté le de Michael O.
Michael O.
Michael O.
User
Auteur

Now works on Apple and all major browsers.

<link href='</span>http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>

By removing the weight options, and only keeping 300, it defaults to light.

Hooray.

Lire plus
Posté le de Michael O.