Forums

add TTF file to use that font

Permalink
Hi there,

Can someone help me?
I have a font that I would like to use called TRAJAN.ttf
How can I upload this file and use it on the site??

Thanks

Leroy
 
Remo replied on at Permalink Best Answer Reply
Remo
That's not really related to concrete5 but a web issue in general. TTF fonts aren't supported, you have to convert them but be careful, that's not allowed with most fonts and there are companies looking for converted fonts on the internet.

But if there's not license issue, you just need a tool/service like these:
http://www.fontsquirrel.com/fontface/generator...
http://www.font2web.com/
leroyvandijk replied on at Permalink Reply
And i have converted them now..
How do I add them to my site?
Remo replied on at Permalink Reply
Remo
You should get a code from the generator like this:

@font-face {
    font-family: 'DearestRegular';
    src: url('/utils/load_demo_font.php?font=486/Dearest-webfont.eot');
    src: url('/utils/load_demo_font.php?font=486/Dearest-webfont.eot?#iefix') format('embedded-opentype'),
         url('/utils/load_demo_font.php?font=486/Dearest-webfont.woff') format('woff'),
         url('/utils/load_demo_font.php?font=486/Dearest-webfont.ttf') format('truetype'),
         url('/utils/load_demo_font.php?font=486/Dearest-webfont.svg#DearestRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


but from what I know, you get a zip to download in which you'll find an example HTML page. You can more or less copy the CSS rules from there into your theme.
leroyvandijk replied on at Permalink Reply
Okay, i have this code:

/** Generated by FG **/
@font-face {
font-family: 'Conv_ufonts.com_trajan-regular-2';
src: url('fonts/ufonts.com_trajan-regular-2.eot');
src: local('☺'), url('fonts/ufonts.com_trajan-regular-2.woff') format('woff'), url('fonts/ufonts.com_trajan-regular-2.ttf') format('truetype'), url('fonts/ufonts.com_trajan-regular-2.svg') format('svg');
font-weight: normal;
font-style: normal;
}

Where do I need to copy that?
Remo replied on at Permalink Reply
Remo
You created your own theme, didn't you? You've read an article like this:http://www.codeblog.ch/2009/01/concrete5-theme-erstellen/... ?
leroyvandijk replied on at Permalink Reply
no i use dark chocolat...
Remo replied on at Permalink Reply
Remo
Okay, this is not what I'd recommend but you can put all these rules in this file:

/concrete/themes/dark_chocolate/main.css

make sure you place all the generated files in the same directory too!

However, you should never ever modify a file in the /concrete folder. You should always work outside of this structure!

Basically, you can copy /concrete/themes/dark_chocolate/ to /themes/your_theme_name and start working there. You have to install that theme in the dashboard too!