WebSite X5Help Center

 
Gorg ..
Gorg ..
User

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

Autore: Gorg ..
Visite 1703, Followers 3, Condiviso 0  
Parole Chiave: font,fonts,google

Hi , 

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

Thanks in advance!!

Postato il
10 RISPOSTE - 1 CORRETTO
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.

Leggi di più
Postato il da Claudio D.
Gorg ..
Gorg ..
User
Autore

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!!!

Leggi di più
Postato il da Gorg ..
Gorg ..
Gorg ..
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Claudio D.
Gorg ..
Gorg ..
User
Autore

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

Leggi di più
Postato il da Gorg ..
Incomedia
Claudio D.
Incomedia

Hello Gorg,

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

Many thanks!

Leggi di più
Postato il da 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!

Leggi di più
Postato il da Claudio D.
Gorg ..
Gorg ..
User
Autore

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

See attachment belowEmbarassed

Thanks allot !!

Leggi di più
Postato il da 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!

Leggi di più
Postato il da Claudio D.