-
AuthorPosts
-
August 27, 2014 at 1:24 pm #309795
Hallo,
ich versuche zwei Schriften von Linotype einzubinden:
HelveticaNeue-55Roma (für regular) und HelveticaNeue-85Heav (für bold).
In die Style-css habe ich folgendes eingetragen, und die Schriften in den angegebenen Ordner geladen:
@import url(“http://fast.fonts.net/lt/1.css?apiType=css&c=ca0dbbdf-8217-4d12-9d22-b3d4d2ae3ffd&fontids=694021″);
@font-face{
font-family:”HelveticaNeue-55Roma”;
src:url(“Fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix”);
src:url(“Fonts/694021/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix”) format(“eot”),url(“Fonts/694021/d5af76d8-a90b-4527-b3a3-182207cc3250.woff”) format(“woff”),url(“Fonts/694021/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf”) format(“truetype”),url(“Fonts/694021/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7”) format(“svg”);
font-weight: normal;
font-style: normal;
}@import url(“http://fast.fonts.net/lt/1.css?apiType=css&c=ca0dbbdf-8217-4d12-9d22-b3d4d2ae3ffd&fontids=694039″);
@font-face{
font-family:”HelveticaNeue.85Heav”;
src:url(“Fonts/694039/0041ab1b-3cca-4f61-841a-75a18048adb8.eot?#iefix”);
src:url(“Fonts/694039/0041ab1b-3cca-4f61-841a-75a18048adb8.eot?#iefix”) format(“eot”),url(“Fonts/694039/03a07450-478d-4c93-89ae-68cafdbc0332.woff”) format(“woff”),url(“Fonts/694039/b96bc8f7-2a71-4500-8c8d-646fc0a13306.ttf”) format(“truetype”),url(“Fonts/694039/ae236757-b3b9-4cfa-906d-bce3e20a9397.svg#ae236757-b3b9-4cfa-906d-bce3e20a9397”) format(“svg”);
font-weight: bold;
font-style: normal;
}In die Quick-Css habe ich dann folgendes eingefügt:
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox {
font-family: ‘HelveticaNeue-55Roma’, ‘HelveticaNeue-85Heav’, OpenSans;
}
(womit ich bezwecken möchte, dass die Schrift überall erscheint, vielleicht geht das ja auch kürzer?)h1, h2, h3 {
text-transform: none !important;
letter-spacing: -1px !important;
}Die Schrift wird im normalen content angezeigt, in den Überschriften aber nicht (Mac). Auf dem PC wird gar nichts angezeigt.
Könnt Ihr vielleicht helfen?
Danke, Neo.
August 27, 2014 at 2:28 pm #309827This reply has been marked as private.August 27, 2014 at 3:24 pm #309873Hey!
Da für mich die URL http://fast.fonts.net/lt/1.css?apiType=css&c=ca0dbbdf-8217-4d12-9d22-b3d4d2ae3ffd&fontids=694039 nicht funktioniert und auch keinen CSS Code zurückliefert, kann ich den Code nicht testen. Da diese URL als @import URL verwendet wird besteht auch eine große Wahrscheinlichkeit, dass andere Browser diesen CSS Code nicht laden können und daher auch nicht einbinden können. Wenn du die Schriftfamilie überall verwenden möchtest, genügt dieser Code:
#top #wrap_all:not([data-av_icon]) { font-family: 'HelveticaNeue-55Roma', 'HelveticaNeue-85Heav', OpenSans; }
Regards,
PeterAugust 27, 2014 at 4:08 pm #309908Hi,
die URL ist nur ein Tracking von Linotype für die Lizenz.
Ab @font-face ist der eigentliche code.
Dein code funktioniert leider nicht. Dann ist die Schrift überall weg.
Kannst Du bitte noch einmal nachsehen.
Vielen Dank, Neo
August 29, 2014 at 10:23 am #310842Hi!
Ok, dann bleiben wir besser bei deinem Code. Ich habe nun den Code am Ende der Child Theme style.css eingefügt und etwas angepasst:
h1, h2, h3, h4, h5, h6, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .avia-menu-text, .button, .avia-caption-content, .avia-caption-content p, .avia-button, .menu-item-object-page a, #top #socket .copyright, #top #socket .copyright span{ font-family: Courier !important; }
und die Schrift ändert sich dann auf meinem PC in Courier – daher müssen die Selektoren nun passen. Wenn deine Schrift noch immer nicht geladen wird liegt ein Problem mit der font Datei vor.
Best regards,
PeterAugust 29, 2014 at 5:45 pm #311027Danke Peter.
-
AuthorPosts
- The topic ‘Schrift einbinden’ is closed to new replies.