La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Police de caractères perso sur page web
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Police de caractères perso sur page web  (Lu 2584 fois)
Police de caractères perso sur page web
« sur: le 03-10-2009 a 16:59:47 »
Pierre787
Membre récent
*

Hors-Ligne

Messages: 1





Voir le Profil
Répondre avec citation

Bonjour,

Je dispose d'une police de caractères contenant divers logos que je souhaiterais intégrer sur une page web. Il s'agit de logos réalisés sous Illustrator, en couleur puis intégrés dans une police de caractères personnalisée. Le problème, c'est que si les pages web s'affichent correctement sur mon ordinateur, puisque j'ai installé cette police, les logos en question ne s'affichent plus sur une autre machine, la police étant absente du système.

L'installation à distance de polices de caractère sur un poste distant semble possible avec un contrôle ActiveX mais reste limité à Windows. Bref, je me retrouve un peu coincé, je suis surpris de voir qu'il n'est pas possible d'intégrer une police de caractères personnalisée avec une page web. Quels autres moyens pourrais-je utiliser que les contrôles ActiveX pour intégrer cette police ?

Par avance, merci

Pierre

Rapporter au modérateur  

Re:Police de caractères perso sur page web
« Répondre #1 sur: le 05-10-2009 a 14:01:39 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

En effet pour qu'une police soit exploitable, elle doit être installée sur le poste de l'internaute.

Les solutions qui s'offrent à toi sont :
* Mettre une image à la place du texte (un peu lourd si texte important et pas très bon pour le référencement),
* Utiliser une solution telle que sIfr ou Cufon (nécessite l'activation du javascript).

En espérant t'avoir aidé.

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Re:Police de caractères perso sur page web
« Répondre #2 sur: le 06-10-2009 a 11:33:07 »
Lilian
Administrateur
*****

Hors-Ligne

Sexe: Male
Messages: 3209





Voir le Profil    WWW
Répondre avec citation

Bonjour,

On peut aussi proposer au navigateur d'utiliser la police en lui spécifiant le chemin du fichier de font sur le serveur. Il récupérera la font et l'utilisera. A défaut, il faut lui spécifier les font additionnelles qu'il peut utiliser

Propriété CSS font-family : Arial, Helvetica, ...

Le navigateur utilisera d'abord Arial, si il ne la trouve pas, il prendra Helvetica ... ainsi de suite

Rapporter au modérateur  
Re:Police de caractères perso sur page web
« Répondre #3 sur: le 06-10-2009 a 12:06:43 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

Citation de: Lilian le le 06-10-2009 a 11:33:07
Bonjour,

On peut aussi proposer au navigateur d'utiliser la police en lui spécifiant le chemin du fichier de font sur le serveur. Il récupérera la font et l'utilisera. A défaut, il faut lui spécifier les font additionnelles qu'il peut utiliser

Propriété CSS font-family : Arial, Helvetica, ...

Le navigateur utilisera d'abord Arial, si il ne la trouve pas, il prendra Helvetica ... ainsi de suite

En utilisant font-family, il va chercher normalement la font sur le poste de l'internaute et non sur le serveur. Comment fais-tu pour qu'il aille sur le serveur télécharger la font ?

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Re:Police de caractères perso sur page web
« Répondre #4 sur: le 06-10-2009 a 12:13:27 »
Lilian
Administrateur
*****

Hors-Ligne

Sexe: Male
Messages: 3209





Voir le Profil    WWW
Répondre avec citation

C'est exact, le navigateur va chercher ses polices sur le système, mais il est possible de lui préciser d'utiliser un fichier de font et donc de mettre une police personnalisée.

Pour ce faire, il faut utiliser @font-face.

Exemple :
<style type="text/css">
@font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }
</style>

Rapporter au modérateur  
Re:Police de caractères perso sur page web
« Répondre #5 sur: le 06-10-2009 a 12:55:17 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

Citation de: Lilian le le 06-10-2009 a 12:13:27
C'est exact, le navigateur va chercher ses polices sur le système, mais il est possible de lui préciser d'utiliser un fichier de font et donc de mettre une police personnalisée.

Pour ce faire, il faut utiliser @font-face.

Exemple :
<style type="text/css">
@font-face { font-family:Garamond; src:url(garamond.eot), url(garamond.pfr); }
</style>

Le problème est qu'il n'est pas valable sur tous les navigateurs (ou n marche pas correctement) : voir http://css.mammouthland.net/font-css-polices-caracteres.php#font-face

De plus attention aux questions juridiques : en utilisant font-face il est alors facile de télécharger la police or une police est soumise à des droits !!!! Je ne pense pas que tu puisses utiliser la garamont de ton exemple : même si elle est sur ton poste par défaut, cela ne te donne pas le droit de la diffuser.

« Dernière Édition: le 06-10-2009 a 12:57:37 par lefou » Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg