@font-face eingebetteten schriftart funktioniert nicht
Ich habe website: http://kuvaklubi.fi, wo ich versuche auf die Verwendung der schriftart "Century Gothic"
.
Diese schriftart ist nicht vorhanden auf meinem computer in "Installed fonts"
, und ich möchte einbetten dieser Schrift in css über @font-face
.
Habe ich erzeugt einige font-Dateien und css auf http://www.fontsquirrel.com/
aber ich bin immer noch Probleme. Ich kann nicht sehen "Century Gothic"
schriftart in IE9, FF4 Browser.
CSS:
@font-face {
font-family: 'CenturyGothicRegular';
src: url('gothic-webfont.eot');
src: url('gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('gothic-webfont.woff') format('woff'),
url('gothic-webfont.ttf') format('truetype'),
url('gothic-webfont.svg#CenturyGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('gothicbi-webfont.eot');
src: url('gothicbi-webfont.eot?#iefix') format('embedded-opentype'),
url('gothicbi-webfont.woff') format('woff'),
url('gothicbi-webfont.ttf') format('truetype'),
url('gothicbi-webfont.svg#CenturyGothicBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('gothici-webfont.eot');
src: url('gothici-webfont.eot?#iefix') format('embedded-opentype'),
url('gothici-webfont.woff') format('woff'),
url('gothici-webfont.ttf') format('truetype'),
url('gothici-webfont.svg#CenturyGothicItalic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'CenturyGothicRegular';
src: url('gothicb-webfont.eot');
src: url('gothicb-webfont.eot?#iefix') format('embedded-opentype'),
url('gothicb-webfont.woff') format('woff'),
url('gothicb-webfont.ttf') format('truetype'),
url('gothicb-webfont.svg#CenturyGothicBold') format('svg');
font-weight: bold;
font-style: normal;
}
body {
font-family: "Century Gothic", CenturyGothicRegular, Verdana, Tahoma, Helvetica, sans-serif;
...
}
Ich bin mit allen Kombinationen von normal/bold/italic
Schriften auf der Website.
Kann jemand mir helfen, zu sehen, was geschieht, warum es geschieht, und wie man dieses Problem beheben?
Dank.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Font-family-name für die Schriften, die Sie hochgeladen haben, wurde mit dem Titel "CenturyGothicRegular", so finden Sie diese in Anführungszeichen in der gleichen Weise, die Sie haben mit Century Gothic richtigen:
Müssen Sie auch sicherstellen, dass die font-Dateien werden im gleichen Verzeichnis wie die CSS-Datei, oder ändern die relative URL für die Datei-Namen.