Traitement de texte, tableur, présentation, dessin.
LibreOffice_external_logo_300px.pngScribuspetit.pngscribus
dessin en 2D
gimppetit.png inkscapepetit.pngkritapetit.png
dessin en 3D
blender1.png
le son

audacitypetit.png lmmspetit.png
création de site internet
gylogo.gif

 

 
Recherche
 
A.C.D.I.L

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

Webmaster - Infos
Informatique en Creuse

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

 Bourganeuf
cavl-agora.asso.fr

Guéret
laquincaillerienumerique.fr

https://www.facebook.com/laquincaillerienumerique

A.C.D.I.L
linux-creuse.org

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 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


Catégorie : - Création de sites internet
Précédent  
  Suivant


Du libre
 ↑  
Lettre d'information
Pour avoir des nouvelles de ce site, inscrivez-vous à notre Newsletter.
Captcha reload
Recopier le code :