Les polices incorporées sont rien de nouveau à la conception Web. Bien que les techniques de police de remplacement tels que Cufon et sIFR est entré en usage vers 2008, la police de CSS plongement est une fonctionnalité qui a roulé avec CSS2 et est compatible avec Internet Explorer aussi loin que la version cinq. La technique vous oblige à télécharger la police, que ce soit TrueType ou un autre format, puis créer un "@ font-face" règle CSS. Une fois cela fait, vous pouvez référencer la police incorporée de la même manière que vous faites référence à des polices Web sécurisées.
Ouvrez le fichier HTML de la page Web où vous souhaitez afficher la police intégrée. Pour les sites Web ou les modèles utilisant un fichier d`en-tête séparé, ouvrir ce lieu. Utilisez un code de programme d`édition tel que Notepad ++, jEdit ou BBEdit. Recherchez la ligne de code suivante dans le haut de votre fichier HTML:
Regardez le nom du fichier .CSS référencé dans le tag et ouvrez ce fichier dans votre éditeur de code. Si vous ne voyez pas tag, créer un, puis créer un fichier .CSS vide.
Ajoutez le code suivant en haut de votre fichier .CSS:
@ Font-face {
font-family: `Nom de la police ici »;
src: URL ( `fontfile.ttf`) Format ( `ttf`);
}
Donnez un nom de famille de polices à votre police. Vous pouvez utiliser le nom, mais le bâton avec un nom qui est facile à saisir et à retenir. Tapez le chemin complet ou relatif à votre fichier .TTF entre les parenthèses après "URL".
Utilisez la police intégrée que vous souhaitez utiliser une police Web-safe comme Arial, Helvetica ou de la Géorgie. Voici un exemple:
h1 {
font-family: "Nom de la police Here", "Another Font", générique;
}
Le code ci-dessus fait toute
balises utilisent votre police intégrée. Si la police intégrée fonctionne pas, le navigateur utilisera "Another Font" pour le niveau-un en-têtes. Dans le cas n`existe pas "Another Font" sur l`ordinateur de l`utilisateur, le navigateur va à la dernière police. Utilisez un nom de famille générique ici, tels que "serif" et "sans-serif".
Téléchargez votre police à l`aide d`un outil FTP. Si vous ne l`utilisez FTP, vous pouvez également vous connecter à votre site Web d`hébergement panneau de contrôle puis accédez à votre outil de gestion de fichiers. La plupart des hébergeurs Web offrent cet outil, ce qui vous permet de télécharger quelques fichiers à la fois par le biais de votre navigateur.
Conseils Avertissements
- Utilisez Google Web Fonts pour choisir une police, copiez le tag pour une feuille de style spéciale hébergée sur les serveurs de Google et de saisir le code à inclure dans votre propre fichier .CSS. Ceci est un moyen facile de "intégrer" une police sans l`héberger sur votre propre serveur.
- Utiliser une technique de police de remplacement tels que sIFR ou Cufon si votre police choisie semble trop déchiquetée ou pointu lorsqu`il est incorporé. Ces techniques utilisent des scripts qui ajoutent anti-aliasing des polices pour adoucir leurs bords.
- Ne pas utiliser les polices sans avoir d`abord la lecture de leurs conditions d`utilisation. toutes les polices ne sont pas libres d`utiliser sur Internet, même si vous les avez téléchargés gratuitement. Certains prévoient que vous pouvez utiliser la police sur un site non-commercial.
