WebSite X5Help Center

 
Gorg ..
Gorg ..
User

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

Author: Gorg ..
Visited 1697, Followers 3, Shared 0  

Hi , 

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

Thanks in advance!!

Posted on the
10 ANSWERS - 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.

Read more
Posted on the from Claudio D.
Gorg ..
Gorg ..
User
Author

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

Read more
Posted on the from Gorg ..
Gorg ..
Gorg ..
User
Author

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

Read more
Posted on the from 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.

Read more
Posted on the from Claudio D.
Gorg ..
Gorg ..
User
Author

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

Read more
Posted on the from Gorg ..
Incomedia
Claudio D.
Incomedia

Hello Gorg,

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

Many thanks!

Read more
Posted on the from 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!

Read more
Posted on the from Claudio D.
Gorg ..
Gorg ..
User
Author

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

See attachment belowEmbarassed

Thanks allot !!

Read more
Posted on the from 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!

Read more
Posted on the from Claudio D.