Le forum des utilisateurs iWeb
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Manga Fire Force : où commander le Tome 34 Fire Force édition ...
11.50 €
Voir le deal

Forcer une police non web

4 participants

Aller en bas

Forcer une police non web Empty Forcer une police non web

Message par sbastien7566 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
sbastien7566
sbastien7566
Simple Membre

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

http://www.theatreurope.com

Revenir en haut Aller en bas

Forcer une police non web Empty Re: Forcer une police non web

Message par koeklin 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é.
koeklin
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

Forcer une police non web Empty Re: Forcer une police non web

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

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

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

Revenir en haut Aller en bas

Forcer une police non web Empty Re: Forcer une police non web

Message par keuk 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>
keuk
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

Forcer une police non web Empty Re: Forcer une police non web

Message par koeklin 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>
koeklin
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

Forcer une police non web Empty Re: Forcer une police non web

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

Merci !
Et concernant le nom, ici "police1" et "police2", est ce que ce nom est important ?
keuk
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

Forcer une police non web Empty Re: Forcer une police non web

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

Plutôt.
koeklin
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

Forcer une police non web Empty Re: Forcer une police non web

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

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