I want to use webfonts - RocketCake Forum

Ambiera Forum

Discussions, Help and Support.

	Ambiera Forum > RocketCake
	I want to use webfonts

bupp Registered User
Quote
2017-07-11 11:51:21

Hi,
Im still learning with rocket cake. Where can I find any help to work with webfonts in my site?

What I must do and where?

Thanx
bupp

erik Registered User
Quote
2017-07-13 07:09:53

You can manually insert the web fonts via css and upload them. RocketCake allows specifying any font face in the font selection window (just type the name of your webfont there). You won't see it in the editor, but once you've uploaded it to your server, it works.

For a google web font, add this for example as additional code in the header:

<link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">

And as font name, when selecting text in RocketCake, type this into the font window:

'Bellefair', serif;

bupp Registered User
Quote
2017-07-13 19:56:47

thanks Eric!

Only in IE and edge the font was shown.

Now I have tested anything and it works, but I don't know if that's another right (?) way:

I uploaded the font-files (ttf,eot,svg) into the root of ma site.
In the page html (how you wrote for the google-fonts) I inserted the following code

<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: 300;
font-style: normal;
}</style>

What do You mean?

regards
bupp

niko Moderator
Quote
2017-07-14 06:03:04

Look goot to me. You only need to name the font in RocketCake then "'Open Sans Condensed Light", of course.

Create reply:

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