App installieren
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
@font-faces best pratices
- Ersteller ihd
- Erstellt am
Seite kann ich leiider nicht lifern.
fonts.css
load.css
page.html
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?
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:
Banana_Jones
Aktives Mitglied
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...