• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

@font-faces best pratices

I

ihd

Neues Mitglied
Hallo,

Worauf muss ich achten ???

Mein grösstes Problem ist dabei dass die zuletzt geladen werden :(, alles andere wird forher angezeigt.

Wie mache ich es richtig?

Danke
 
Vlt. solltest Du die Einbindung vor allen anderen CSS-Eigenschaften einbauen? Ohne Quellcode oder besser einen Link zur Seite kann man nicht beurteilen was Du falsch machst.
 
Seite kann ich leiider nicht lifern.

fonts.css
Code: 
@font-face {
    font-family: 'bigmistercregular';
    src: url('bigmisterc-webfont.eot');
    src: url('bigmisterc-webfont.eot?#iefix') format('embedded-opentype'),
        url('bigmisterc-webfont.woff') format('woff'),
        url('bigmisterc-webfont.ttf') format('truetype'),
        url('bigmisterc-webfont.svg#bigmistercregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

load.css
Code: 
@import url("fonts.css");

body {
font: 62.5%/1.6em bigmistercregular, Helvetica, Verdana, sans-serif;
}

...

page.html
Code: 
<head>
<link rel="stylesheet" type="text/css" href="load.css">

...
</head>

Dass Problem ist, wenn die Internetverbindung schlecht ist, werden die schriften zu letz geladen. Wie kann man es machen, das die schriften vor Bildern kommen oder der text wierd in einer serifen schrift angezeigt sollange die schriften nicht geladen sind?
 
Zuletzt bearbeitet:
Ich bin mir jetzt nicht sicher, ob man das Laden der Schriften priorisieren kann. Aber wenn deine eingebundene Schrift eine Serifenschrift ist, dann solltest du auch eine (andere) Serifenschrift als Fallback definieren. Also nicht Helvetica und Verdana, sondern vielleicht Georgia oder Times. Bzw. dann natürlich auch "serif" anstatt "sans-serif" angeben...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben