WebSite X5Help Center

 
John N.
John N.
User

Adding font face css to website x5  en

Author: John N.
Visited 7128, Followers 3, Shared 39  
Tags: fonts

hi

i hope someone can help me!

i have been using website x5 for sometime now, started on v8 and now use v8 & v9. i am creating some new sites for my business and want to use the font bankgothic lt & md. i have downloaded the font face kit for the 2 fonts but have no idea how and where to implement it to my websites so that all people who view my site online will see it with the font i have designed it with and not reverting to a different one.

please help!

john

Posted on the
9 ANSWERS - 3 USEFUL
John N.
John N.
User
Author

excellent, im gonna read it now and get back to you if i need anymore help. im pretty savvy with x5 but not so savvy with html and css.....

thanks again

Read more
Posted on the from John N.
John N.
John N.
User
Author

right, ive created my css stylesheet and it looks like the examples shown online but can someone please tell me where i need to add it in the x5 application?? 

Read more
Posted on the from John N.
Der Zwoemti
Der Zwoemti
Moderator

Ich schreibe mal in deutsch - du musst nur meine Flagge unten drücken...

Also stylesheet an ein HTML Widget anhängen und unter Schritt 1 in den Head das stylesheet mittels html einfügen

als Bsp. <link rel="stylesheet" href="http://answers.websitex5.com/style/css3buttons.css" />

Read more
Posted on the from Der Zwoemti
John N.
John N.
User
Author

dont mean to be a pain but i cant speak german so tried to translate to english through google translate but still confussed! as i said, im a complete novice when it comes to html coding and css stylesheets, got no clue at all about it. took the link out of what you gave me but it takes me to a page of just code and not sure if im doing what you advised right? you may need to tell me in terms that a child could understand because im a little bit of an idiot and only used to using the basic side of x5.....

thanks again....

Read more
Posted on the from John N.
Der Zwoemti
Der Zwoemti
Moderator

Then it would be better if you wait until an English-speaking user reports.
It is not difficult to use font face.
You pick the font gets the package. Then the area must only be assigned to the font ...

As an example ... Code is also translated

@ font-face {
font-family: Delicious novel;
src: url (http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
font-weight: 400;
}

The definition of your font, indicating where to find it.

then

p {
font-family: Delicious Roman, Helvetica, Arial, sans-serif;
}

thus, the p tag shown in the font Delicious novel. Not this Font can be used in the browser it is replaced by Arial ... if you want to make other areas of the font you need to find out the respective tags or categories you.
The two codes are then e.g. in

<style> The "instruction" </ style>

I do not know if you use the text object or an HTML object, or if you want to change your entire text.

Read more
Posted on the from Der Zwoemti
John N.
John N.
User
Author

thanks for reply again, i have my font face code that i want to use to enable all the text on my new website to be displayed in bankgothic, it is as follows:

@font-face {
font-family: 'BankGothicLtBTLight';
src: url('bankgothic_lt_bt_light-webfont.eot');
src: url('bankgothic_lt_bt_light-webfont.eot?#iefix') format('embedded-opentype'),
url('bankgothic_lt_bt_light-webfont.woff') format('woff'),
url('bankgothic_lt_bt_light-webfont.ttf') format('truetype'),
url('bankgothic_lt_bt_light-webfont.svg#BankGothicLtBTLight') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'BankGothicMdBTMedium';
src: url('bankgothic_md_bt_medium-webfont.eot');
src: url('bankgothic_md_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),
url('bankgothic_md_bt_medium-webfont.woff') format('woff'),
url('bankgothic_md_bt_medium-webfont.ttf') format('truetype'),
url('bankgothic_md_bt_medium-webfont.svg#BankGothicMdBTMedium') format('svg');
font-weight: normal;
font-style: normal;

}

this was created throught the font face generator. What i need to know now is where on the x5 program do i add it?? i have found a css part when you add a html and widgets to your page on the expert part of it, however when i add the code with the font uninstalled from my computer i still do not see it in the font that i am wanting (bankgothic) i have tried linking it to a file with the css code i have tried in the expert part of step 1 (general settings) and every other way i can think of with no luck! i hope you or someone else will be able to assist me as i am planning to upload these sites onto the internet once i get the okay from hostpapa that my new domains are set up on my account.

thanks in advance....

john

Read more
Posted on the from John N.
Gerardo A.
Gerardo A.
User

Hi John where you able to figure it out?, i have the same problem and any help will be graetly apriciated,

Thanks

Read more
Posted on the from Gerardo A.
S. Gishshir
S. Gishshir
User

I have tried to add a font-face 'Dosis' to a WebSiteX5 page :

- first download font 'Dosis' (or any you like) from Google web fonts (zip), unzip and install at least one font in your computer

- then open websiteX5 and add <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Dosis"> in the <head> of your page.

(page >> properties >> avanced)

- choose the font 'Dosis' in  combo box (it is possible because the font is installed in your computer) for your text

- generate  the site and test the page.

It works very good. The installation of the font in OS  is only to allow WebSiteX5 to propose the font and to create a font-family in css files.

This font is not necessary in the computer that only want to display your site.

Read more
Posted on the from S. Gishshir