Wie erstellt man glatte Überschriften mit HTML und CSS?

Question

Ich habe kürzlich viele Webseiten gesehen, die sehr glatte Überschriften haben, wie diese Webseite zum Beispiel: http://boagworld.com/

Wie gehen sie dazu? Gibt es versteckte Hinweise?

An einer Stelle hörte ich von einer Technik, in der sie Flash (glaube ich) verwendet, um benutzerdefinierte Schriftarten auf einer Website einzubetten und dann normale Schlagzeilen mit dieser Blitzalternative zu ersetzen.

Welche anderen Möglichkeiten gibt es außer Flash?

Answer 1

Angenommen, Sie nicht als das Ersetzen von Text verwenden, um Bilder wollen, gibt es verschiedene Techniken, die Schriftverbesserung in sehr unaufdringliche Weise anpassen:

• mit Flash-SIFR
• reine css = @font-face und direkt Schriften einbetten in ttf oder otf
• Javascript Verbesserungstechnik, die s cript heißt Cufon

Ich persönlich Web mag Safe-Fonts mit Kombination von weniger bekannt zu verwenden und den richtigen tut Ausweich

Answer 2

Sie sind nur Bilder als CSS Hintergrund für bestimmte Dinge verwenden, in diesem Fall:

http://boagworld.com/wp-content/themes/BoagworldV2/images/logo.gif

können Sie tun, was Sie mit ein paar Bildern und CSS wollen, so etwas wie:

 
#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; } 

Answer 3

Ich würde dafür empfehlen. Es ist nicht Flash (JavaScript), wirklich sehr einfach einzurichten und degradiert anmutig.

Answer 4

Wenn Sie keine Bildersetzung oder sIFR verwenden möchten, aber benutzerdefinierte Schriftarten möchten, sollten Sie sich TypeKit - http://typekit.com/ ansehen. Sie können benutzerdefinierte Schriftarten (die sie lizenziert haben) direkt von Ihrem Stylesheet mit font-family aufrufen und Javascript verwenden, das auf Ihrer Seite eingebettet ist, um die Schriftarten von ihren Servern zu bedienen. Ich nutze es gerade für ein Projekt und bisher scheint es gut zu funktionieren. Sie haben noch keine große Bibliothek an Schriftarten, aber sie ist immer noch größer als Arial, Verdana, Georgia und Times New Roman.