legal and free @font-face Fonts-resources
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I was stunned about RT using @font-face to embed fonts.
There had been always problems with the licence so I searched for free high-qualtiy-@font-face-kits that also deal with the problem that browsers handle them different: eot for Explorer and otf/ttf for the rest.
These two sites offer excellent fonts that you can embed:
www.fontsquirrel.com/fontface
openfontlibrary.fontly.org/
If you know other good (and legal) resources please post here
- Last Edit: 15 years 9 months ago by Henning.
-
-
-
- Roeland_A!
- Preeminent Rocketeer
- Posts: 10193
- Thanks: 71
- Thanks Henning!
- *Karma comes in many forms, my personal favourite is the random saucepan from the sky* J.Spencer 17-02-2009
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
... and for those who want to play with it:
James wrote an easy to understand tutorial in the nexus-forum wich is available for members:
www.rockettheme.com/forum/index.php?f=23..._v=viewtopic#p365875
So here is how to use an additional font from fontsquirrel in nexus (rough-version ):
My example font: Colaborate
1. download the @font-face Kit
www.fontsquirrel.com/fonts/Colaborate
2. copy the files into the fonts-folder of the nexus-template (eot + otf)
3. copy the css-code from the stylesheet.css into the template.css of nexus
4. change all referencing paths of the fonts for @font-face ...
from
url('ColabThi.eot')
to
url('../fonts/ColabThi.eot') ...
(same for .otf ...)
5. test it with a selector like
div.featured-text-block b {
font-family:Colaborate-Regular;
font-size: 18px;
}
to change the bold headline in Roktabs on the frontpage of the nexus-rocketlauncher-package ...
P.S.: It wouldn't be a bad idea to prevent direct external-linking to the font-files via htaccess ...
-
Time to create page: 0.070 seconds