Webfonts

Einfaches Beispiel zum einbinden einer eigenen Schrift in eine Website.

by dirkk0

HTML

<p>Some Text...</p>

<!--
Font via www.losttype.com, use Safari, questions to [email protected], my website www.luisgerhorst.de
-->

CSS

@font-face {    
    font-family: Duke;    
    src: url(http://luisgerhorst.de/files/1-duke-font.otf);
        font-family: 'LeagueGothicRegular';
    src: url('http://countdownjs.org/fonts/League_Gothic-webfont.eot');   
    }

p {
    font-family: LeagueGothicRegular;
    font-size: 120px;
}