@ Font-face Probleme

Question

Im Moment versuche ich verzweifelt @font-face an der Arbeit in meiner Website zu bekommen. Dies ist der Code, den ich jetzt benutze.

@font-face {  
font-family: romeral;  
src: url(fonts/romeral.otf ) format("opentype");  
}

Und dann ....

h1 {
font-size:2.5em;
font-family:romeral;
}

Ich verwende die Schrift Romeral. Hier ist ein Link zu ihr: http: // www .smashingmagazine.com / 2007/02/06 / free-of-the-week-romeral /

Aus irgendeinem Grund ist es einfach nicht funktionieren. Es wird nicht die Schrift auf der Seite machen. Ich habe versucht, andere Schriftarten wie Reife mit, und sie arbeiten. Ich habe dafür gesorgt, ich habe keine Rechtschreibfehler haben. Was ich frage mich, wenn es eine Einschränkung ist, dass einige Schriftarten Menschen mit ihren Schriften mit @ font-face zu stoppen verwenden. Oder vielleicht habe ich einen offensichtlichen Fehler in meinem Code.

Vielen Dank im Voraus.

Answer 1

Das sollte funktionieren (die Namen in "" Enter)

@font-face {  
font-family: "romeral";  
src: url("fonts/romeral.otf") format("opentype");  
}

Answer 2

Gibt es in Ihrem Browser-Unterstützung Opentype, die Sie verwenden nicht IE sind Sie? In diesem Fall müssen Sie WEPT Schriften.

Answer 3

Sie müssen möglicherweise andere Schriftformate für anderen Browser erzeugen, wie gut und nicht nur auf Opentype-Format verlassen. Gutes Tutorial hier: Benutzerdefinierte Schriftarten mit @ font-face

Answer 4

Ich habe eine Lösung zu diesem Thema. Zunächst einmal müssen Sie tun, ist Ihre Schrift zu .eot und .WOFF zu konvertieren. Dann können Sie Ihre benutzerdefinierte Schriftarten verwenden .. Hier ist ein funktionierendes Post für Ihre Referenz ..

http://blog.totusinfo.com/css -html-custom-Fonts-on-web-Seite /