Je ne suis pas à l'aide de flash ou php - et j'ai été invité à ajouter une police personnalisée à une simple mise en page html. "KG June Bug"
Je l'ai téléchargé localement - est-il un simple CSS astuce pour accomplir cette?
Réponses
Trop de publicités?
Oui, vous pouvez utiliser la fonctionnalité CSS nommé @font-face. Il a été officiellement approuvé en CSS3, mais en ont été proposées et mises en œuvre dans CSS2 et a été pris en charge dans IE pour un temps assez long.
Vous le déclarer dans le CSS comme ceci:
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}
Ensuite, vous pouvez simplement référence comme les autres polices standard:
h3 { font-family: Delicious, sans-serif; }
Plus sur cela ici
Donc, dans ce cas,
<html>
<head>
<style>
@font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); }
h1 {
font-family: JuneBug
}
</style>
</head>
<body>
<h1>Hey, June</h1>
</body>
</html>
Et vous avez juste besoin de mettre le JUNEBUG.La FFT dans le même emplacement que le fichier html.
J'ai téléchargé la police de l' dafont.com site web:
nheinrich
Points
1388
Vous pouvez utiliser @font-face dans la plupart des navigateurs modernes.
Voici quelques articles sur la façon dont il fonctionne:
- http://webdesignerwall.com/general/font-face-solutions-suggestions
- http://www.zenelements.com/blog/css3-embed-font-face/
- http://webdesignerwall.com/tutorials/css3-font-face-design-guide
Ici est la bonne syntaxe pour ajouter de la police à votre application:
Voici quelques endroits pour convertir les polices à utiliser avec @font-face:
- http://www.fontsquirrel.com/fontface/generator
- http://fontface.codeandmore.com/
- http://www.font2web.com/
Aussi cufon de travailler si vous ne souhaitez pas utiliser font-face, et il a une bonne documentation sur le site web:
HamidRaza
Points
395
http://www.fontsquirrel.com/fontface/generator
utilisez le lien ci-dessus pour convertir votre police dans compatible webfonts, et reportez-vous inclus le html et la css de fichiers.
user3344313
Points
1
Ici est l'exemple facile pour la même chose.
D'une façon ou je ne suis pas en mesure de poster mon code ici, c'est pourquoi je l'ai posté sur le blog suivant.
http://www.kriblog.com/css/how-to-add-custom-font-in-html-page.html
Julien Bourdon
Points
1309
Eh bien, si les téléspectateurs de votre site web ne disposent pas de ces polices personnalisées installé sur leurs ordinateurs, ils ne seront pas en mesure de les voir. Si c'est pour un logo, une image et ajouter un texte de remplacement, de sorte que les moteurs de recherche d'obtenir le contenu.
<img src="mylogo.png" alt="my wonderful logo"/>
Il y a une liste de "navigateur polices" qui sera très probablement être installé par vos utilisateurs: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Vous pourriez néanmoins l'utilisation de bibliothèques javascript comme Cufón ou Typeface.js . Ces bibliothèques permettent d'intégrer votre police de caractères dans un fichier javascript qui va manipuler directement à la page de la toile. Plus d'infos ici: http://kilianvalkhof.com/2009/javascript/cufon-vs-typefacejs-which-one-is-better/
Le problème est que le texte rendu ne sera pas sélectionnable, qui pourraient gêner les utilisateurs qui voudraient faire quelques copier-coller.
