Page en cours de chargement

* *

Texte à méditer :   Ce site est réalisé avec le CMS GuppY.  Essayez GuppY simplement ... smile   
* *
ACDIL

Association Creusoise pour le Développement de l'Informatique Libre

Recherche



Visites

   visiteurs

   visiteur en ligne

Création de sites internet - Polices de caractères

Pour avoir ces propre police de caractère qui s'affiche sur son site,
écrire en début d'article:

<style type="text/css">
			@font-face {
			    font-family: 'Comfortaa Regular';
			    src: url('Comfortaa.eot');
			    src: local('Comfortaa Regular'), 
			         local('Comfortaa'), 
			         url('Comfortaa.ttf') format('truetype'),
			         url('Comfortaa.svg#font') format('svg'); 
			}
</style>




Info vue sur le site suivant:

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

et aussi dans:

http://www.cssplay.co.uk/menu/fonts.html



Pour les exemples suivants, j'ai installé les polices dans le dossier /img/ du site 


Cela marche pour le texte suivant:
 

 

 

Texte avec la font ArtBrush Medium.ttf

Image de ce  qui s'affiche quand cela fonctionne:

 

 

font-ArtBrush.png

 

Et avec une autre police:

Texte avec la font BlackCasper.ttf

Image de ce  qui s'affiche quand cela fonctionne:

 

 

font-BlackCaspert.png

 

 


 

Encore avec une autre police:
 
Texte avec la font StageRegular.ttf


Image de ce qui s'affiche quand cela fonctionne:
 
font-stage.png

 

Vous pouvez télécharger un tuto dans la rubrique téléchargement ICI


Vous pouvez voir ce que cela donne en choisissant la page suivante:

La version d'origine:

http://linux-creuse.org/index.php?lng=fr&selskin=skin_papinou19

Et la version modifiée:

http://linux-creuse.org/index.php?lng=fr&selskin=skin_papinou19_modif

 Tous le site utilise une autre font (police) de caractère.
Les articles restent dans les fonts (polices) choisies lors de la rédaction et sont variables en fonction de leurs présences sur l'ordinateur qui visite le site.

 

---------------------------------------------------------------

À vérifier sous certains navigateurs windows.


Lundi 18 janvier2010 :
cela ne semble pas fonctionner
sous IE et Chrome

 

 

 

 

 

  

Pour une recherche plus approfondie, voici des sites pour perfectionner la méthode.

http://blog.damienalexandre.fr/index.php?post/2009/11/01/Convertir-une-fonte-TrueType-ou-OpenType-en-EOT-Embedded-OpenType-sous-Ubuntu-Linux


http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/


http://code.google.com/p/ttf2eot/wiki/Demo



Un site avec des polices et des tests possibles en demo:

http://www.fontsquirrel.com/fontface

 

 

 

 

 


Date de création : 18/01/2010 10:37
Dernière modification : 22/02/2013 11:37
Catégorie : Création de sites internet
Page lue 1396 fois


Imprimer l'article Imprimer l'article

Spécial !



Depuis début mai 2011, une page Facebook pour les linuxiens Creusois (et les autres):

http://www.facebook.com/pages/Linux-Creuse/219304021416124?sk=wall
 

linuxcreuseFB.jpg



 

contact

Pour me contacter, cliquez  ICI

Du libre

Wikipédia, l'encyclopédie libre

Association Francophone des Utilisateurs de Linux et des Logiciels Libres

Traitement de texte, tableur, présentation

Dessin 2D

Dessin 3D

Le son

Création de sites internet

Linux

Média

Acheter un ordi

Internet

canulars

Informatique en Creuse

 

Des liens pour de l'aide en informatique en Creuse:

Association Ctrl-A
Royère de Vassivière
05 55 64 59 03
http://www.ctrl-a.fr/

Centre Social AGORA
Centre Alain Gouzes
2 avenue du Docteur Butaud
23400 Bourganeuf
05 55 64 24 33

http://www.cavl-agora.asso.fr/

 

Webmaster - Infos
^ Haut ^