WebSite X5Help Center

 
Michael O.
Michael O.
User

Add a font v10  en

Autor: Michael O.
Visited 1658, Followers 2, Udostępniony 0  
Tagi: 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

Posted on the
6 ODPOWIEDZI - 1 PRAWIDłOWA ODPOWIEDź
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!

Czytaj więcej
Posted on the from Claudio D.
Michael O.
Michael O.
User
Autor

Can I set this font for the whole site?

Czytaj więcej
Posted on the from Michael O.
Michael O.
Michael O.
User
Autor

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?

Czytaj więcej
Posted on the from Michael O.
Michael O.
Michael O.
User
Autor

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

Czytaj więcej
Posted on the from Michael O.
Michael O.
Michael O.
User
Autor

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.

Czytaj więcej
Posted on the from Michael O.