WebSite X5Help Center

 
Gorg ..
Gorg ..
User

Google web fonts - how to inpmement into WSX5 ??  en

Auteur : Gorg ..
Visité 1705, Followers 3, Partagé 0  
Mots-clés :: font,fonts,google

Hi , 

please explain how to use google web fonts in WSX5v9, step by step...?

Thanks in advance!!

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

Hello Gorg,

If you choose the quick use option in google webfonts you will find the code to add in your project in Step 1 - Advanced - In the HEAD as. ex.

<link href='http://fonts.googleapis.com/css' rel='stylesheet' type='text/css'>

Then you go in Step 3 and you add the HTML & Widget Object and in the Advanced section you add the second part of the google code as ex. font-family: 'Just Me Again Down Here', cursive;

between div {    and  }

as ex.

div { font-family: 'Just Me Again Down Here', cursive; }

So all the text you add in the HTML & Widget object will use this google webfont.

Hope this helps.

Lire plus
Posté le de Claudio D.
Gorg ..
Gorg ..
User
Auteur

Hi, 

I have another question about the Text format into HTML WIDGETS section - see my attached pic !?

How to write text : as <p> or as <h1> or something ....?

Thanks in  advance!!!

Lire plus
Posté le de Gorg ..
Gorg ..
Gorg ..
User
Auteur

One more Embarassed - how to set font size and colour - where to set it and how !?

Lire plus
Posté le de Gorg ..
Incomedia
Claudio D.
Incomedia

Hello Gorg,

If you add the code like I wrote you then all text you write in the Tab for the html code it will appear with the google font. You don't need to write further code.

To set the siye and color you need to add it in the Expert section: Ex.

Instead of only div { font-family: 'Just Me Again Down Here', cursive; }

you need to add this:

div {

font-family: 'Just Me Again Down Here', cursive;

font-size: 12px;

color: #000000;

}

The color has to be written in hex and you can sue websites like http://www.colorpicker.com/ to find the hex code.

Hope this helps.

Lire plus
Posté le de Claudio D.
Gorg ..
Gorg ..
User
Auteur

Ok, I do this in this way! See my attached pic. Just little help...

Lire plus
Posté le de Gorg ..
Incomedia
Claudio D.
Incomedia

Hello Gorg,

Can you please write me the linkto your website to see it better?

Many thanks!

Lire plus
Posté le de Claudio D.
Incomedia
Claudio D.
Incomedia

Hello Gorg,

Change the css code begin in this way and then it should work:

#imCellStyle_37 { your code }

To change the alignment of the text use the css code:

text-align:left;

Many thanks!

Lire plus
Posté le de Claudio D.
Gorg ..
Gorg ..
User
Auteur

Ok, thats ok, but text alignment not work, or I make some mistake??

See attachment belowEmbarassed

Thanks allot !!

Lire plus
Posté le de Gorg ..
Incomedia
Claudio D.
Incomedia

Hello Gorg,

The code is correct but in another setting is selected to have it centered.

You can force to prefer one option by adding !Important in the code.

text-align: left !important;

Many thanks!

Lire plus
Posté le de Claudio D.