ttf Font einbinden

[Intersect]

Hallo.

Ich habe ein kleines Problem mit einer truetype font die ich nicht in CSS eingebindet bekomme.
Google und die Suchfunktion konnten mir bisher auch nicht helfen.

Der Pfad zur Datei ist 100% korrekt, dennoch funktionert es einfach nicht.
Macht euch euer eigenes Bild:

@font-face 
    {
    font-family: webfont;
    src: url("../Import/font/webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.Willkommen
    {
    font-family: webfont;
}

Mir fällt hier keine Lösung ein, das Problem bekomme ich nicht in den Griff.
Habt ihr eine Lösung.

Vielen dank für euere Aufmerksamkeit.

 

[Banana_Jones]

Welcher Browser? Der IE unterstützt beispielsweise schon gar kein .ttf Format.

Bei anderen Browsern hatte ich auch schon mal das Problem, dass die Schriften lokal nicht geladen wurden, auf dem Server hingegen schon.

 

[Intersect]

Was gibt es für alternativen die Webseite, die Überschrift muss auf allen Browsern gleich aussehen.
Kann da kein Skript oder eine anderes Fomat abhilfe leisten.

Mit freundlichen Grüßen

 

[Banana_Jones]

.woff wird von allen modernen Browsern unterstützt. Für die älteren IEs .eot

Andere Frage: hast du die Lizenz, diese Schrift im Web zu verwenden? Wenn ja, werde meistens div. Formate der Schrift angeboten. Sonst gibt es aber auch die Möglichkeit, mit Tools das Format zu konvertieren (mehr oder weniger verlustbehaftet)
Wie dem auch sei, eine Lizenz brauchst du auf jeden Fall

 

[Cheffchen]

Hallo,

also wie schon gesagt Lizenz? ansonst kannst hier alles erstellen lassen aus deiner Datei: Create Your Own @font-face Kits | Font Squirrel

oder google fonts schauen da gibts ein zwei zum einbinden und das open source: Google Web Fonts

Cheffchen

 

[Intersect]

Das Problem lies sich anderes Lösen. Habe eine andere Font benutzt.
Danke

 

[lascaux]

Verwende das mal so

.Willkommen {
  font-family: 'webfont';
}

Und schau dich auch mal hier um: Create Your Own @font-face Kits | Font Squirrel

Dieses Tool erstellt dir Font-Faces und du kannst es dann mit allen gängigen Formaten herunterladen und gleich einbauen.