Comment créer des titres lisses avec HTML et CSS?

Question

J'ai vu beaucoup de pages Web récemment, qui ont des titres très lisses, comme ce site par exemple: http: // Boagworld. com /

Comment vont-ils sur le point de le faire? Y a-t-il des indices cachés?

À un moment donné, j'ai entendu à partir d'une technique où ils ont utilisé flash (je pense) pour incorporer des polices personnalisées sur un site Web, puis remplacer les titres normaux avec cette alternative flash.

Quels sont les autres moyens en plus flash?

Answer 1

En supposant que vous ne voulez pas utiliser des images comme texte de remplacement, il existe plusieurs techniques, qui adaptent l'amélioration de la police de manière très discrète:

• avec Flash - SIFR
• pur css = @font-face et directement intégrez des polices dans ttf ou otf
• javascript technique de mise en valeur, le script est appelé Cufon

Personnellement, je préfère utiliser des polices de sécurité Web avec une combinaison de moins connues et ne fallback appropriée

Answer 2

Ils sont juste en utilisant des images comme arrière-plan CSS pour certaines choses, dans ce cas:

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

Vous pouvez faire ce que vous voulez avec quelques images et css, quelque chose comme:

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

Answer 3

Si vous ne souhaitez pas utiliser le remplacement de l'image ou sIFR, mais souhaitez des polices personnalisées, vous devriez jeter un oeil à TypeKit - http://typekit.com/ . Ils vous permettent d'appeler des polices personnalisées (qu'ils ont autorisé à vous) directement à partir de votre feuille de style avec la famille de polices, et utiliser javascript intégré sur votre page pour servir les polices de leurs serveurs. Je l'utilise leur service sur un projet en ce moment et jusqu'à présent, il semble bien fonctionner. Ils ne sont pas une grande bibliothèque de polices encore disponibles, mais il est encore plus grand que Arial, Verdana, Georgia et Times New Roman.

Answer 4

Je recommande Cufón pour cela. Il est non-Flash (JavaScript), vraiment très facile à mettre en place, et se dégrade avec élégance.