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

 
Programmation
Scratch_Logo.png

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

https://twitter.com/laquincaillenum

   facebook.com
/laquincaillerienumerique

association.23d.fablab/

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


Du libre