Add font to rocketcake - RocketCake Forum

Ambiera Forum

Discussions, Help and Support.

	Ambiera Forum > RocketCake
	Add font to rocketcake

gna Registered User
Quote
2025-01-03 17:59:16

Hi guys, happy new year.
I just got the professional version but i can't work out how to add new fonts.
Actually i would rather do it without linking to google.
I looked trogh the forum and i can't find a way
Thanks
Angelo

erik Registered User
Quote
2025-01-04 07:41:41

You can do this just like in normal HTML, for example like this to load a .otf file:

Add a font face to your CSS like this (in RocketCake, use View -> HTML Code -> additiona CSS code):

@font-face {
  font-family: 'YourFontFamilyName';
  src: URL('font.ttf') format('truetype');
}

Then, you can just mark your text in RocketCake and write as font name YourFontFamilyName. It won't show up in the editor, but when you click Preview, if everything is correct.

gna Registered User
Quote
2025-01-27 18:30:26

Ok ...i tried i downloaded the font and put it in a folder fonts in the main folder of the local web sites
added css
@font-face {
font-family: 'BespokeStencil-Bold';
src: url('../fonts/BespokeStencil-Bold.woff2') format('woff2'),
url('../fonts/BespokeStencil-Bold.woff') format('woff'),
url('../fonts/BespokeStencil-Bold.ttf') format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}

then... i don't really understand this part..:
"Then, you can just mark your text in RocketCake and write as font name YourFontFamilyName. It won't show up in the editor, but when you click Preview, if everything is correct."

what do you mean with mark your text?
Thanks and sorry for my being newbie
i checked on youtube and theorically i could do it trough rocketcake
https://www.youtube.com/watch?v=T8t293anP7U
with googlefonts i tried everything but then in the end the fonts are not installed
gna

erik Registered User
Quote
2025-01-28 07:03:25

Just select the text in the editor and enter "BespokeStencil-Bold" in the font box on the top. You can just enter the text into the box.

gna Registered User
Quote
2025-01-28 09:53:53

Did that.
and now in the rocketcake window text is ok...but not in browser both locally and online...
thanks

erik Registered User
Quote
2025-01-28 09:56:06

You could send your project (the .rcd file is enough) to support and they can have a look at it. Maybe you missed something somewhere. Or link it here maybe.

gna Registered User
Quote
2025-01-28 10:15:42

ok , i'l try a bit more first

gna Registered User
Quote
2025-02-05 18:52:12

i tried and tried ...but i it doesn't work
here i put the rcd in the link
https://fromsmash.com/rcd-and-folder
in rocketcake i see it right if i check on browser the font is not applied
thanks

niko Moderator
Quote
2025-02-06 08:30:37

Thanks!
I took a look and there are two problems, when you fix them it works for me:

The url you use for the font files is currently "../fonts/etc", but you placed the fonts into the subfolder "fonts", so the folder should be "fonts/etc" instead. So the correct CSS rule would be this:

@font-face {
font-family: 'BespokeStencil-Bold';
src: url('fonts/BespokeStencil-Bold.woff2') format('woff2'),
url('fonts/BespokeStencil-Bold.woff') format('woff'),
url('fonts/BespokeStencil-Bold.ttf') format('truetype');
font-weight: 700;
font-display: swap;
font-style: normal;
}

The second thing missing is that you set the text in the page to have the font

Bespoke Stencil Extrabold Itali

but it should be

BespokeStencil-Bold

instead. If you fix both, and then publish it to your local disk and manually open the created html file, then it shows up correctly with that font.

gna Registered User
Quote
2025-02-06 19:10:42

Thanks niko you made my day.
I still have to understand the mechanism but i kind of got it
thanks a lot
Angelo

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