Forcer une police non web

Voir le sujet précédent Voir le sujet suivant Aller en bas

Forcer une police non web

Message par sbastien7566 le 19/12/2010, 09:15

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???
salut
avatar
sbastien7566
Simple Membre

Messages : 40
Inscription : 16/12/2010 Masculin Age : 43
Localisation : Hyères
Version iWeb : 3
Publication : Ftp integré

http://www.theatreurope.com

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par koeklin le 19/12/2010, 12:55

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
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>
coller ce code dans un widget "fragment HTML".
Mais tout ça c'est théorique parce que j'ai jamais essayé.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par DrOSX le 19/12/2010, 18:41

Lien supplémentaire: notre tutoriel sur les polices iWeb Wink

-------------------
Pas de support par M.P - Si vous avez des soucis de connexion, un POST est crée pour vous
avatar
DrOSX
Administrateur

Messages : 1338
Inscription : 15/10/2007 Masculin Localisation : Atlantique/Altitude 0
Version iWeb : 3
Publication : locale

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par keuk le 6/4/2012, 09:06

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>
avatar
keuk
Simple Membre

Messages : 26
Inscription : 21/03/2012 Masculin Localisation : Marseille
Version iWeb : 3
Publication : Ftp integré

http://www.antoinefleury.com

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par koeklin le 6/4/2012, 09:53

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 :

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>

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par keuk le 6/4/2012, 10:08

Merci !
Et concernant le nom, ici "police1" et "police2", est ce que ce nom est important ?
avatar
keuk
Simple Membre

Messages : 26
Inscription : 21/03/2012 Masculin Localisation : Marseille
Version iWeb : 3
Publication : Ftp integré

http://www.antoinefleury.com

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par koeklin le 6/4/2012, 10:24

Plutôt.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Forcer une police non web

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum