Using webfonts (googlefonts) in various types: Light, Normal, Bold 
Autor: Svetozar S.
Visitado 2136,
Seguidores 3,
Compartilhado 0
Hello,
I am using the Website X5 ver. 11. I added some google fonts to the "Preferencies", but they work as long as there is just one type of the font, e.g. "Poiret One" or "Forum". If there are more types of the font, e.g. Light, Regular, Semibold or Bold, the Website program choose just the Regular type, because names of the fonts are not used, just the codes e.g. 300, 400...
How can I use more types of one font in a website? For example font "Open Sans" in the types Light (code 300), Normal (400), Semibold (600) ???
Thank you for your reply.
Sveto
Publicado em
Autor
And one more ask: is there any possibility to make from TTF font any other more formats, e.g. EOT, WOFF or SVG format?
Thanks.
XX
Hi Svetozar,
You should try and insert the different kind of a single font separately into WebSiteX5 with a different name, because when inserted all together under the same name, only the first one is considered.
Hope I've been helpful
Autor
Hi Stefano,
how can I dive a different name for the font? I have not found the possibility to make it. Here is a sample, how the line look like in the "index.css" eighter with @import or @font-face command:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,latin-ext);
@font-face { font-family: 'Pontano Sans'; src: local('�'), url('../style/fonts/PontanoSans-Regular.ttf') format('truetype'); }
But this does not work. And if I write it like this below, it does not work as well, however the name is changed to "Open Sans Light":
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300&font-family=Open+Sans+Light&font-weight=300&subset=latin,latin-ext);
I also tyied to write it in a separate .css file which is loaded befor </html> tag, e.g.:
.header-h4 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 20px; color: #2d2d2d; text-shadow: 2px 2px 3px #000a2e; }
and then use the class "header-h4" in html object in the project and this one work very well, but there is to much work with coding all the page in html code. If I should do that this way, I do no need the Website..
Do you have an idea how to do that using the Website? Or is there any closer description on your website how to do that step-by-step, please?
Thank you very much.
Sveto
X
Hello Sveto,
I verified the issue and noticed the same. I already informed the developers. They will check the issue and, in case, fix it in the future updates. You will receive a notification of a new update in the opening screen of WebSite X5 and you can see the changes made in the updates on websitex5.com/changelog/v11 .
At the moment the only option is to use custom HTML code like you were doing.
It needs to have the font separated with a different name. If you can find the webfont version of thr font with the TTF, WOFF SVG and EOT files then this can be added and it will work.
Many thanks!
Autor
Ok, thank you much.
Sveto