Police pour html
Résoluet ou je peu en trouver d'autre ?
merci d'avance
29 réponses
L'utilisation de polices personnalisées dans une page HTML et la recherche de sources fiables est discutée, avec des exemples concrets et des solutions pratiques pour afficher ces polices dans différents navigateurs. Des spécialistes préconisent d'utiliser @font-face en CSS et des formats compatibles (eot, woff, ttf, svg) plutôt que des balises HTML obsolètes, même si les soucis de compatibilité persistent sur certains navigateurs. Parmi les approches évoquées, Cufon propose une solution légère pour afficher des polices personnalisées sans dépendre des formats système, tandis que le recours à Flash est aussi évoqué comme alternative. D'une manière pratique, il faut tester sur plusieurs navigateurs et appareils et préférer des solutions web modernes tout en prévoyant des fallbacks et des exercices de performance.
-
prenons par exemple le texte : "bonjour"
tu fais
<font face="Nom de la police">BONJOUR</font> et si tu en cherches des autres saches qu'il y a des navigateurs qui ont du mal avec certaines polices
voila j'espère avoir répondu à ta question !
bye ! -
Bah il existe différent façon mais je pense pour éviter les problèmes d'affichages dans certains navigateur :
@font-face
{
font-family: 'nomdelapolice1';
src: url('nomdelapolice1.eot');
src: url('nomdelapolice1?#iefix') format('embedded-opentype'),
url('nomdelapolice1.woff') format('woff'),
url('nomdelapolice1.ttf') format('truetype'),
url('nomdelapolice1.svg#nomdelapolice1') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'nomdelapolice2';
src: url('nomdelapolice2.eot');
src: url('nomdelapolice2?#iefix') format('embedded-opentype'),
url('nomdelapolice2.woff') format('woff'),
url('nomdelapolice2.ttf') format('truetype'),
url('nomdelapolice2.svg#nomdelapolice2') format('svg');
font-weight: normal;
font-style: normal;
} -
Le plus simple est d'utiliser Cufon : http://cufon.shoqolate.com/generate/
Vous pouvez utiliser la police de votre choix. Vous pouvez voir le résultat des balises H et le menu sur http://www.secure-anonymous-email.com/fr -
salut en faite c'est pas une reponse faut dire que moi aussi jsuis dans le meme corbeil que toi j'ai essaye rmais ca na pas marcher
-
sans les commentaires on y verra plus clair (-:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
@font-face {
font-family: GS;
font-style: normal;
font-weight: normal;
src: url(GOUDYST2.eot);
}
h2 {
font-family: "GS";
font-weight: normal;
font-size: 30pt;
color="#ffffff";
}
BODY { background="#006699";}
-->
</STYLE>
</HEAD>
<BODY>
<h2>ICI la police caractere</h2>
</BODY>
</HTML>
kinder.surprise,
le maton du matou -
j'ais trouve pour IE avec une police xxxxx.oet , j'ais effectué une page test pour vous qui marche pour la source .oet mais j'ais pas les moyens de la tester sur d'autre support.
je vais vous commenter les lignes de commande pour que vous me dites si je me trompe pour ainsi avancer ...
Les commentaire sont noté entre //....//
<HTML>
<HEAD>
//on détermine la fonction dans head pour pouvoir la rappeler autant que l'on veut dans body//
<STYLE TYPE="text/css">
<!--
}
@font-face {
// font-family d'étermine le nom de l'appel a la source soit GS//
font-family: GS;
//détermine style de la source font (dir,lang,media ....)//
font-style: normal;
//détermine la taille du font source//
font-weight: normal;
//appelle a la source//
src: url(GOUDYST2.eot);
//fin de la description source de font//
}
//insertion de la fonction font dans la page//
//détermination du fond de page (obligatoire)//
BODY { background="#006699";}
//nom de la fonction a incrémenter la police de la fonction font//
h2 { font-family: "GS";
//taille de la police font de la page (en plus de la taille source)//
font-weight: normal;
//encore une taille déterminante dans la page//
font-size: 30pt;
//couleur de la police dans la page//
color="#ffffff"; }
-->
//fin de la fonction//
</STYLE>
</HEAD>
<body>
//h2 est la fonction déterminer par la police définie cidessus donc le texte prend sa forme//
<h2>ICI la police caractere</h2>
</body>
</html>
voilas ce que j'ais trouver, si 'il y a des erreurs d'interprétation dites le moi :-)
merci encore pour tous vous faites du super boulot ... continuez ;-) -
merci encore pour tous ces recherches ... mais désolé d'être un peu newbie mais j'ais lu les pages ci desssus et j'ais vu que leur police était différente de la normale mais c'est pas pour autant que j'y arrive.je sais que ca ne marche pas avec NS (?netscape je crois?) mais j'aimerais avoir la fonction qui marche sous IE.6 ...
(tous cela parceque mes images de titre son trop gourmandes :) )
voilas merci encore .... -
oh ben vraiment de rien parce qu'il n'est pas très avancé en fait :-(
il semble que @font-face soit ignoré par netscape (où il est le fruit qui me disait que NS est mieux que IE hein? :-) alors qu'il est dans la norme :-(
kinder.surprise,
le maton du matou -
Contributeur sécuritéHello Kinder.surprise,
Bravo & merci pour tout le superbe travail que tu as mené ! Tu es impressionnant quand tu as un truc en tête... vachement efficace !
Bravo et merci Kinder !
@12C4
Ipl -
bon ben voilà..... vive Flash (-:
kinder.surprise,
le maton du matou -
bon, nous y voilà. Je viens de regarder la page de MS avec les polices eot, ben NS il aime pas
je sais pas si ça tient à la nature des polices, je pense pas...
kinder.surprise,
le maton du matou -
ouh la saleté, il fait 9 Mo à télécharger :-(
kinder.surprise,
le maton du matou -
http://www.microsoft.com/typography/web/embedding/weft3/default.htm
kinder.surprise,
le maton du matou -
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/fontface.asp
kinder.surprise,
le maton du matou -
bon, ok, pour l'exemple, c'est MS qui s'y est collé. On les critique mais finalement ils sont les seuls que j'aie trouvés jusqu'à maintenant à fournir un exemple (qui marche, d'ailleurs)
http://www.microsoft.com/typography/web/embedding/demos/1/demo1.htm
manifestement, il faut en effet convertir la police au format .eot
kinder.surprise,
le maton du matou -
j'ai rien dit, l'article ne doit pas être récent, NS6 devrait y arriver
kinder.surprise,
le maton du matou -
drôle de bazar
voir http://www.scottgraph.com/fonts/fontembed.html
il semble que de toutes façons @font-face ne soit reconnu que par IE
pour ma part je n'ai pas converti la police en .eot, peut-être qu'il faut absolument le faire
en fait je remarque unechose: beaucoup de monde en parle, de ce principe, et cite CSS2, mais je n'ai jusqu'à présent pas vu un seul exemple. De là à dire qu'on se gargarise d'une chimère il n'y a qu'un pas...
kinder.surprise,
le maton du matou -
sur la nécessité et la pertinence, c'est sûr, c'est autre chose. Personnellement je suis accroc au Verdana, je trouve ça beau et lisible
toutefois c'est intéressant
j'essaye de toutes les façons possibles
<STYLE TYPE="text/css" MEDIA="screen,print">
@font-face {
font-family: "Autobahn";
src: local("Autobahn"), url("http://chris/eaulive/Autobahn.ttf");
format ("truetype");
}
.prout { font-family: Autobahn }
</STYLE>
</HEAD>
<BODY>
<div class="prout">
haut les mains peau de lapin
</div>
sans succès pour le moment, sous IE6 et NS6.1, c'est très frustrant
kinder.surprise,
le maton du matou -
Une toute petite précision : Word le fait quand il génère des pages html (oui, j'ai fait un jour des pages html avec Word... Oui j'en ai honte... mais là n'est pas le sujet).
Par contre, ils utilisent des fichiers .mso et des définitions de styles bizarroïdes. J'ai essayé de comprendre comment ça marchait à un moment, mais je n'ai rien compris.
Personnelllement, je me suis posée la question : "Est-ce vraiment nécessaire ?" et la réponse fut non donc je n'ai pas poussé la question plus loin, mais ça vaudrait p'têt le coup d'aller jeter un coup d'oeil sur les sources des pages html générées par Word.
TaBou JuNioR
http://membres.lycos.fr/taboujr/ -
(-:
ah ben si en plus ça fait plaisir ben c'est à moi que ça fait plaisir alors (-:
en fait je suis en train d'essayer de comprendre le mécanisme et de faire des tests en local, pas très concluant pour le moment :-(
en fait mon pote d'autrefois a mis le ver dans le fruit, et vous venez de le sortir de sa léthargie (-;
je dois t'avouer, personnellement je préfère Flash aussi pour cette raison là. Je serais bien plus à l'aise sur des questions relatives à ActionScript... Mais ma lecture me rassure. Le fait que ce soit réservé à MS me chagrinait, mais si c'est CSS2 qui prévoit cela, alors il y a une chance de pouvoir en tirer parti sur tous les navigateurs qui... euh... "comprennent" CSS2 (et en fait je ne sais pas lesquels).
Mais tu sais, sincèrement, en développement web, je suis "à la rue". Quand je vois le niveau des posteurs de fr.comp.infosystemes.www.* (j'aime beaucoup les newsgroups), je me rends compte de mon énorme retard. Tout ce que j'ai c'est une curiosité sauvage qui me pousse à aller voir quand quelque chose me heurte le neurone (-:
et là c'est tout un problème parce que j'avais autre chose à faire mais ça y est, je ne peux plus me maîtriser, je crois que je ne vais plus lâcher le morceau ce soir jusqu'à ce que je voie ce système fonctionner (-: ça va m'obséder maintenant...
le fait est que c'est un sujet passionnant. En même temps, quand je consulte des documents comme ces normes, je suis pétrifié de constater tout ce que j'ignore et comme ça doit être énorme à acquérir :-(
bon je vais continuer à farfouiller ça, si j'arrive à quelque chose de concluant je repasserai donner des nouvelles
aplusseplusse
kinder.surprise,
le maton du matou
- 1
- 2