Forcer une police non web
4 participants
Page 1 sur 1
Forcer une police non web
Bonjour!
J'ai réalisé un site avec une police "Optima" qui ne s'affiche à priori correctement que sur les machines dont le système comprend cette police, ce qui est embêtant…
Je crois qu'il est possible d'insérer un code pour que la police spéciale soit chargée sur le serveur ftp afin qu'il s'affiche correctement partout.
Est-ce que quelqu'un sait où le trouver???
J'ai réalisé un site avec une police "Optima" qui ne s'affiche à priori correctement que sur les machines dont le système comprend cette police, ce qui est embêtant…
Je crois qu'il est possible d'insérer un code pour que la police spéciale soit chargée sur le serveur ftp afin qu'il s'affiche correctement partout.
Est-ce que quelqu'un sait où le trouver???
Re: Forcer une police non web
le plus simple est de transformer la zone de texte en dessin de texte
http://iweb.debutersurmac.com/siteiweb/Blog/Entrees/2009/2/28_Des_textes_en_images.html
Néanmoins si cette solution ne vous convient pas, vous pouvez tenter une chose
il vous faut
1.une version Mac et une version PC de votre police ( probablement et respectivement au format ttf et eot )
2. uploader ces deux fichiers de polices sur votre serveur
3. récupérer les URL de ces fichiers, vérifier que ces URL sont les bonnes en les ouvrant dans un navigateur.
Si on avait accès au code source de la page HTML il aurait fallu ajouter dans la partie head de votre page
Seulement le problème c'est que l'on a pas accès au code HTML de la page dans iWeb!
Pas problème, on va reconstituer ce fichier de style grâce à un petit script dans un fragment HTML qui va simuler la présence de cette balise de style dans la partie head de votre page
Mais tout ça c'est théorique parce que j'ai jamais essayé.
http://iweb.debutersurmac.com/siteiweb/Blog/Entrees/2009/2/28_Des_textes_en_images.html
Néanmoins si cette solution ne vous convient pas, vous pouvez tenter une chose
il vous faut
1.une version Mac et une version PC de votre police ( probablement et respectivement au format ttf et eot )
2. uploader ces deux fichiers de polices sur votre serveur
3. récupérer les URL de ces fichiers, vérifier que ces URL sont les bonnes en les ouvrant dans un navigateur.
Si on avait accès au code source de la page HTML il aurait fallu ajouter dans la partie head de votre page
- Code:
<style type="text/css" rel="stylesheet">
@font-face {
font-family: "Optima";
src: url(http://url/de/votre/police.ttf);
src: url(http://url/de/votre/police.eot);
}
</style>
Seulement le problème c'est que l'on a pas accès au code HTML de la page dans iWeb!
Pas problème, on va reconstituer ce fichier de style grâce à un petit script dans un fragment HTML qui va simuler la présence de cette balise de style dans la partie head de votre page
- Code:
<!--
var headID = parent.document.getElementsByTagName("head")[0];
var newfont = parent.document.createElement('style');
newfont.type = 'text/css';
newfont.rel = 'stylesheet';
newfont.innerHTML = '@font-face {\nfont-family: "Optima";/nsrc: url(http://url/de/votre/police.ttf);\nsrc: url(http://url/de/votre/police.eot);\n}';
headID.appendChild(newfont);
-->
</script>
Mais tout ça c'est théorique parce que j'ai jamais essayé.
Re: Forcer une police non web
Lien supplémentaire: notre tutoriel sur les polices iWeb
DrOSX- Administrateur
- Messages : 1338
Inscription : 15/10/2007 Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale
Re: Forcer une police non web
- Code:
<!--
var headID = parent.document.getElementsByTagName("head")[0];
var newfont = parent.document.createElement('style');
newfont.type = 'text/css';
newfont.rel = 'stylesheet';
newfont.innerHTML = '@font-face {\nfont-family: "Optima";/nsrc: url(http://url/de/votre/police.ttf);\nsrc: url(http://url/de/votre/police.eot);\n}';
headID.appendChild(newfont);
-->
</script>
Est ce que le nom "nfont family" a une importance ? ici Optima ou est il juste là pour info ?
Si je veux ajouter deux typos est ce que je peux mettre ça ?
- Code:
<!--
var headID = parent.document.getElementsByTagName("head")[0];
var newfont = parent.document.createElement('style');
newfont.type = 'text/css';
newfont.rel = 'stylesheet';
newfont.innerHTML = '@font-face {\nfont-family: "Helvetica Neue";/nsrc: url(http://nomdedomaine.fr/Fontes/HelveticaNeueLight.ttf);\nsrc: url(http://nomdedomaine.fr/Fontes/HelveticaNeueLightItalic.ttf);\n}';
headID.appendChild(newfont);
-->
</script>
Re: Forcer une police non web
En fait vous voulez non pas ajouter une police mais deux polices "Helvetica Neue Light" et "Helvetica Neue Light Italic Light" et uniquement sur Mac(ttf) alors que le code est prévu pour une seule police à installer sur Mac(tff) et PC (eot)
je lis dans le code /nsrc, en fait il doit s'agir de \nsrc plutôt
\n correspond à un retour à la ligne.
Perso je verrais plus un truc comme ça :
je lis dans le code /nsrc, en fait il doit s'agir de \nsrc plutôt
\n correspond à un retour à la ligne.
Perso je verrais plus un truc comme ça :
- Code:
<!--
var headID = parent.document.getElementsByTagName("head")[0];
var newfont = parent.document.createElement('style');
newfont.type = 'text/css';
newfont.rel = 'stylesheet';
newfont.innerHTML = '@font-face {\nfont-family: "police1";\nsrc: url(http://url/de/votre/police.ttf);\nsrc: url(http://url/de/votre/police.eot);\n}@font-face {\nfont-family: "police2";\nsrc: url(http://url/de/votre/police2.ttf);\nsrc: url(http://url/de/votre/police2.eot);\n}';
headID.appendChild(newfont);
-->
</script>
Re: Forcer une police non web
Merci !
Et concernant le nom, ici "police1" et "police2", est ce que ce nom est important ?
Et concernant le nom, ici "police1" et "police2", est ce que ce nom est important ?
Sujets similaires
» [résolu]Police par défaut
» Une police classique
» Probléme de police
» problème police de caractère
» changement de couleur et de police pour le menu
» Une police classique
» Probléme de police
» problème police de caractère
» changement de couleur et de police pour le menu
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|