À l’aide des polices personnalisées à l’aide de css ?

Question

J’ai vu quelques sites Web qui utilisent des polices personnalisées sur leurs sites (autres que l’ordinaire Arial, Tahome etc. ")

Et ils soutiennent une belle somme de navigateurs.

Comment faire ce genre d’une chose ? tout en empêchant également les gens d’avoir un accès gratuit à télécharger la police, si possible

Answer 1

De façon générique, vous pouvez utiliser une police personnalisée à l'aide de @font-face dans votre CSS. Voici un exemple très simple:

@font-face {
    font-family: 'YourFontName'; /*a name to be used later*/
    src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/
}

Ensuite, trivialement, l'utilisation de la police sur un élément spécifique:

.classname {
    font-family: 'YourFontName';
}

(.classname est de votre sélection).

Notez que certains font-formats ne fonctionnent pas sur tous les navigateurs; vous pouvez utiliser fontsquirrel.coms'générateur pour éviter trop d'effort de la conversion.

Vous pouvez trouver une belle série de gratuit sur le web fonts, fourni par Google Fonts (a également généré automatiquement CSS @font-face règles, de sorte que vous n'avez pas à écrire votre propre).

tout en empêchant les personnes d'avoir un accès gratuit à télécharger la police, si possible

Non, il n'est pas possible pour le style de votre texte avec une police personnalisée intégré via CSS, tout en empêchant les gens de télécharger. Vous avez besoin d'utiliser des images, Flash ou HTML5 Canvas, tous ne sont pas très pratiques.

J'espère que contribué à!

Answer 2

Pour vous assurer que votre police est compatible multi-navigateurs, assurez-vous que vous utilisez la syntaxe suivante :

Extrait ici.

Answer 3

Vous devez télécharger le fichier de police et chargez-le dans votre CSS.

F.e. J’utilise la police Yanone Kaffeesatz dans mon Application Web.

J’ai charger et utiliser celui-ci via

dans ma feuille de style.

Answer 4

Si vous ne trouvez pas toutes les polices que vous aimez de Google.com/webfonts ou fontsquirrel.com, vous pouvez toujours faire vos propres polices web avec une police que vous avez fait.

Voici un tutoriel : faire votre propre kit de polices web polices visage

Bien que je ne suis pas sûr d’empêcher quelqu'un de télécharger vos polices.

Espérons que cette aide,

Answer 5

Il est également un outil intéressant appelé CUFON. Il y a une démonstration de comment l’utiliser dans ce blog , c’est vraiment simple et intéressant. Aussi, il n’est pas aux gens de ctrl + c/ctrl + v le contenu généré.