Hallo,
ich habe die eot, woff, ttp etc. in meinen Childthemeordner gelegt und in die css geschrieben:
@font-face {
font-family: 'dieGrotesque';
src: url('GrotesqueMT-ExtraCondensed.otf') format('opentype'),
url('GrotesqueMT-ExtraCondensed.woff') format('woff'),
url('GrotesqueMT-ExtraCondensed.ttf') format('truetype'),
url('GrotesqueMT-ExtraCondensed.svg#GrotesqueMT-ExtraCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
dann rufe ich die schrift so auf:
body{
font-family:'dieGrotesque','Six Caps', sans-serif !important;
font-size:100%;
letter-spacing:-0.01em;
}
Leider wird immer die sixcaps angezeigt.
Was mache ihc falsch?
In der Webkitbeispieldatei steht ein ganz komischer code.
der hier:
@font-face {
font-family: 'GrotesqueMT-ExtraCondensed';
src: url('GrotesqueMT-ExtraCondensed.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GrotesqueMT-ExtraCondensed';
src: url('GrotesqueMT-ExtraCondensed.otf') format('opentype'),
url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA
-[U]und hier kommen 200 zeilen ganz komisches Zeug - das hab ich rausgelöscht und wie oben reingeschrieben[/U] -) format('woff'), url('GrotesqueMT-ExtraCondensed.ttf') format('truetype'), url('GrotesqueMT-ExtraCondensed.svg#GrotesqueMT-ExtraCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
Alles anzeigen
Weiß jemand, was das soll?
außerdem steht oft, wenn ich mir Beispiele anschaue was von local
zum Beispiel bei elmastudio so:
@font-face {
font-family: 'CalligraphyFLFRegular';
src: url('CalligraphyFLF.eot');
src: local('CalligraphyFLF Regular'), local('CalligraphyFLF'), url('CalligraphyFLF.ttf') format('truetype');
}
Kann mir bitte jemand weiterhelfen?
es wird ja drauf hingewiesen, daß man auf den Pfad achten soll - aber ich habe die SChriften direkt neben die css datei gelegt - dann sollte der Pfad doch so stimmen?
vielen dank!!
Irmen