Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

Utiliser une police spécial

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
1 visiteur sur ce sujet (1 Anonyme)
Page 1 
Hors ligne ralph.mcquarrie # Posté le 17/03/2011 à 23:43:02

Hello all,

Je suis actuellement en pleine conception de mon premier site internet et j'ai lu tout le cours sur le XHTML / CSS. Cependant au moment d'élaborer mon header de page contenant le nom de mon site, je me suis posé une question.

"Eh! pourquoi j'utiliserai pas une police spéciale?" J'ai vu que c'est possible mais les futures visiteurs de mon site ne l'auront pas forcément installé sur leurs ordinateurs.

Vous allez peut-être me dire: "C'est pas grave au pire le nom de mon site s'écrira en arial."
Le "Hic" c'est que je ne veux pas que ce nom soit afficher avec une autre police.

C'est pourquoi j'aimerai savoir s'il y a un moyen pour obliger l'utilisation d'une police (quitte à héberger le fichier .ttf sur mon site)?

Merci d'avance pour vos futures commentaires... :D
Publicité # Posté le 17/03/2011 à 23:43:02

Hors ligne Spirito # Posté le 18/03/2011 à 01:32:44

Non tu ne peux pas forcer un navigateur à utiliser ta police s'il ne l'a pas. Pour faire ta bannière passe par un logiciel du style photoshop ou autre et affiche la en image sur ton site
Hors ligne .flo # Posté le 18/03/2011 à 07:45:02
"Je tapote sur mon computer"
Avatar
Hello.

En effet, je pense que faire la bannière toi-même en passant par Photoshop, Illustrator, Paint (Même si Paint c'est le mal. :-° ), ou autres, serait le plus simple...
Image utilisateur
 
Connecté rigs # Posté le 18/03/2011 à 10:30:35
Avatar
Citation : Spirito
Non tu ne peux pas forcer un navigateur à utiliser ta police s'il ne l'a pas.


Visiblement ils sont pas d'accord avec toi http://fr.selfhtml.org/css/proprietes/fichier_police.htm
Hors ligne Mab07 # Posté le 18/03/2011 à 10:53:37
Avatar
Bonjour,

Il y a ça aussi :
http://www.creativejuiz.fr/blog/veille [...] -api-webfonts
Bienheureux les fêlés car ils laisseront passer la lumière ! Audiard

http://mabweb09.free.fr

 
Hors ligne ThunderZeaL # Posté le 18/03/2011 à 22:33:08
Avatar
close

Ville : Toulouse
Pays : France métropolitaine
Ou encore ça :
http://cufon.shoqolate.com/
on est pas dépendant de google mais c'est un peu plus lourd (mais seulement si on transforme tout les textes du site et/ou qu'on anime les textes ^^)
TZL Design
 
Hors ligne Neo. # Posté le 19/03/2011 à 19:49:33
Qui ne tente rien n'a rien...
Avatar
Bonsoir, je pense que tu auras plus vite fais de faire une bannière si il s'agit que de ton entête...
Image utilisateur
Image utilisateur
Image utilisateur

Si j'ai répondu à votre problème, n'hésitez pas à le dire en cliquant sur "cette réponse m'a aidé". ;)
 
Hors ligne Spirito # Posté le 19/03/2011 à 23:33:45

Citation : rigs
Citation : Spirito
Non tu ne peux pas forcer un navigateur à utiliser ta police s'il ne l'a pas.


Visiblement ils sont pas d'accord avec toi http://fr.selfhtml.org/css/proprietes/fichier_police.htm


Au temps pour moi
Hors ligne anonyme # Posté le 19/03/2011 à 23:52:32

CSS3 avec l'attribut @font-face, ça marche super bien sur la plupart des navigateur à jour.
Hors ligne Stav # Posté le 19/03/2011 à 23:55:17

Ville : Saint paul de vence
Pays : France métropolitaine
Comme déjà dit il est tout a fait possible d'embarquer une police sur un site grâce aux @FONT-FACE.
Tu trouvera un bon tuto sur alsacreation
sachant qu'il faudra plusieurs types de fichiers de police tu trouvera une convertisseur en ligne sur http://www.fontsquirrel.com/fontface/generator
Il ne faut pas oublier que les police comme les image sont contrainte à des droit d'auteur, tu n'est pas autorisé à utiliser une police non libre de droit sans l'accord de l'auteur (comme pour tous texte, logiciel... : c'est le droit d'auteur)
Pour savoir si ta police est libre de droit il suffit de la rechercher sur Internet, si tu la trouve gratuite (sauf piratage), c'est qu'elle est libre.
Hors ligne ralph.mcquarrie # Posté le 21/03/2011 à 09:41:02

Merci beaucoup pour vos réponses. Je crois que pour le moment je vais utiliser une image pour mon Header mais j'étudierai bien ce @FONT-FACE. ça pourra m'aider pour afficher des thèmes dans un menu.
Hors ligne Sonkei # Posté le 27/04/2011 à 17:53:37
Se bat pour sa vie privée
Avatar
Flux RSS
close

Ville : Livry-gargan
Pays : France métropolitaine
Excusez-moi, mais je pense que c'est possible grâce au système de Google, voir http://font.ubuntu.com/web/.

En tout cas c'est possible avec la possible Ubuntu, donc pourquoi pas avec d'autres ? Je ne sais comment le service fonctionne, mais bon...
Hack libre, wiki sur le hack (au sens noble du terme) et les logiciels libres, gratuit et sans pub. La future Wikipedia du hacking et du libre !
Redeclipse, un FPS dynamique et addictif avec un gameplay unique. Il est multi-plateforme, gratuit et totalement libre !
 
Hors ligne skyzzor # Posté le 03/03/2012 à 22:31:11
J'aime les trucs.
Avatar
Flux RSS
close

tu peux mais il faut stocker toi meme ta police sur ton serveur.

et certains navigateurs très vieux ne prendront pas en compte cette propriété.
VOTEZ PRESIDENT MORSAY EN 2012 !


10 sites pour monétiser son blog
 
Hors ligne Sonkei # Posté le 10/03/2012 à 14:23:16
Se bat pour sa vie privée
Avatar
Flux RSS
close

Ville : Livry-gargan
Pays : France métropolitaine
Déterrage de la mort ! Alort autant que ce soit utile :
- soit on utilise les polices de chez Google, voir www.google.com/webfonts
- soit tu les mets sur ton serveur
- soit tu dis au visiteurs de l'installer, et tu met une police de secours pour ceux que ne l'ont pas.
Attention, comme dit au-dessus tous les navigateurs ne la supporte pas, et un fichier de police peut être long à charger et être problématique en cas de traffic de nouvelles personnes important (la police n'étant pas téléchargée à chaque fois bien sûr).
Pour la dernière solution je ne pense pas que beaucoup de personnes se fatiguerait à installer une nouvelle police.
Hack libre, wiki sur le hack (au sens noble du terme) et les logiciels libres, gratuit et sans pub. La future Wikipedia du hacking et du libre !
Redeclipse, un FPS dynamique et addictif avec un gameplay unique. Il est multi-plateforme, gratuit et totalement libre !
 
Hors ligne tete31 # Posté le 15/05/2012 à 20:29:51
Just Web Apps
Avatar
La solution :

Déclaration de la police : (Le navigateur la télécharge sur ton serveur)
Code : CSS
1
2
3
4
@font-face { 
    font-family:NomDeLaPolice;             
    src:url(monficher.ttf); 
}


Et comment l'utiliser dans tes autres déclarations :
Code : CSS
1
2
3
h1 {
    font-family: NomDeLaPolice, "Lucida Grande";
}


EDIT : et pour les vieux navigateurs, .... ya un truc très connu, sa s'appèle les mises à jour !
Édité le 15/05/2012 à 20:30:52 par tete31
Image utilisateur Web Cloud Gaming, Web Store, Web OS, Ellipsie
 

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx


Lire aussi