Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    #309827
    This reply has been marked as private.
    #309873

    Hey!

    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,
    Peter

    #309908

    Hi,

    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

    #310842

    Hi!

    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,
    Peter

    #311027

    Danke Peter.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Schrift einbinden’ is closed to new replies.