Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
How to use webfonts

johannes
Registered User
Quote
2019-01-30 12:45:20

I used a webfont Titillium Web. How do I manage that the same font will be displayed on the use computer. Is there a code I have to write in the header so the font will load on the end use computer ?


bupp
Registered User
Quote
2019-01-30 17:23:58

I made the follow (by using OpenSans - you must change to your font)

in the header

<style type="text/css">
@font-face {
font-family: 'Open Sans Condensed Light';
src: url('./OpenSans-CondLight.eot');
src: local('\263A'), url('./OpenSans-CondLight.eot') format('embedded-opentype'),
url('./OpenSans-CondLight.ttf') format('truetype'),
url('./OpenSans-CondLight.svg') format('svg');
font-weight: auto;
font-style: normal;
}</style>


You need the font files .eot; .ttf and (its better to have) the .svg.
You can also do with .woff or woff2 and then you must add this file-type in the code.

If You don't have these, you can convert (search by google 'ttf to eot' and so on.

These files must upload in the root of your site (there where the index is)

You see these effects only online. I think you have install your font on your PC , then you see that everytime (its bad to control the function online).
Control it with computer/smartfone etc., which not has installed this font.


johannes
Registered User
Quote
2019-01-31 08:07:02

Thank you. This works fine now.


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Internatio?al" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact