HTML tff/otf-files einbinden?

  • Hey,


    ich würde gerne Bebas für HTML verwenden und möchte wissen, wie ich das mache.
    Ich höre immer nur font-face hier, font-face da.. aber das bringt mir nichts ^^


    Ich habe es nun so gemacht:

    PHP
    @font-face {
    	font-family: HTBebas;
    	src: url(fonts/bebas.otf);
    	font-weight:400;
    }


    Und schreibe nun:

    PHP
    <p style="font-family: HTBebas;">Hallo</p>


    Aber die Schrift ändert sich nicht :/

  • Ich bin mir da jetzt nicht sicher, aber ich glaube nicht das man otf Fonts dafür nutzen kann. Hab ich jedenfalls noch nicht gesehen.
    Ich hab selbst mal mit Bebas gearbeitet, deshalb habe ich dir mal ne Zip angehangen mit Bebas in eot,woff,ttf und svg format + ner CSS Datei mit dem font-face kram.
    Kannste dann einfach per

    CSS
    @import url("pfad/zur/css/bebas.css");
    #element {
    	font-family: BebasNeue, Arial, Helvetica, sans-serif;
    }

    nutzen.

  • Code
    @font-face
    {
    font-family: BebasHT;
    src: url('BebasHT.endung'),
    }
    
    
    .element{
    font-family: BebasHT, cursive;
    }

    Wer ist der Mensch hinter der Uniform? Ist euch das bekannt?
    Es ist der selbe der noch eben in Zivil neben euch stand.
    Warum wird er gehasst und so selten respektiert?
    Warum ist er derjenige der seinen Hals für euch riskiert?
    Trägt der Bulle eine Weste, das hat er früher nie gemacht,
    die Zeiten haben sich geändert und jeder Dienst ist ein Kampf!
    Warum gibt’s das SEK und warum sind sie so brutal?
    Und wieso hat wieder einer mit seinem Leben bezahlt?