50837 Membres -  2 Connectés
ALL HTML.COM : 1er portail communautaire dédié aux webmasters et aux développeurs francophones
ACCUEILFORUMSANNUAIRE DES MEMBRESOFFRES SPECIALES
 
 LANGAGES
 ASP
 COLDFUSION
 CSS
 DHTML
 HTML
 JAVA
 JAVASCRIPT
 MATHML
 MYSQL
 PERL
 PHP
 SMIL
 SVG
 UML
 WML
 XHTML
 XML
 XSL
 TECHNO
 Astuces
 Eléments clés
 Atelier pratique
 ACTUALITES
 Agenda
 Chiffres et Etudes
 Dossiers
 Emploi
 Interview
 News
 Sondages
 Webtest
 WEBDESIGN
 Couleurs
 Design
 Flash zone
 Tutoriaux
 REFERENCEMENT
 Analyse moteurs
 Méthodologie
 Meta-Tags
 Promotion
 RESSOURCES
 Annuaire
 Audits et Services
 Chat
 Documentations
 FAQ
 Forums
 Glossaire
 Outils et Solutions
 Téléchargement
 SHOPPING/SERVICES
 AMEN vous offre
 -15% sur le Pack Pro
 Spécial Entreprise !
 vous cherchez une
 vraie agence web?
 c'est IMAGINANCE
 qu'il vous faut !
 Webmasters,
 gagnez
 de l'argent avec
 votre site web !
 Un nom de domaine
 pour 0.90€ ht/mois ?
 C'est possible !
 Chaque semaine
 des promos sur
 toute la gamme
 de produits et
 accessoires DELL
 ACHAT/VENTE à -50%
 dvd | vhs | cd 
 livres | bd 
 portables | pda 
 video | consoles 
 jeux | mode 
 informatique | pc 
 photo | mp3 | hifi 
 électroménager 

Focus - 30 Août 2008
En étant membre d'ALL HTML, vous bénéficiez d'une remise de 15% sur les Pack Pro et 10% sur les transferts chez AMEN. Pour en bénéficier, il vous suffit d'intégrer le code promo demandé à la saisie de votre commande. Vous trouverez ce code dans votre messagerie interne dans votre Zone Membre !

N'attendez-plus : -15 % chez AMEN

AstucesPrécédentRecommanderImprimerAjouter à mon Compte
Création d'une police dynamique

Cette astuce est uniquement valable pour Internet explorer (à partir de la version 4.0). Elle permet d'utiliser des polices spécifiques à votre système, des polices qui ne sont donc pas présentes sur l'ordinateur de vos visiteurs.

1. Fonctionnement
Cette astuce demande l'utilisation du logiciel Weft, utilitaire développé par Microsoft. C'est pas le biais de cet utilitaire que vous allez créer vos fichiers "font objects" (.eot) et la feuille de ce style qui appellera ceux-ci. Cet utilitaire disponible dans la zone téléchargement d'ALL HTML.

Le mode de fonctionnement de ce programme est le suivant :

a) Création d'une base de donnée (interne au programme) de toutes les polices présentes sur votre PC
b) Indexation et analyse de toutes les polices qui sont sur votre document HTML
c) Création des fichiers "fonts objects"
d) Intégration dans votre document HTML de la feuille de style

2. Création et exemple d'un fichier
Dans cet exemple suivant, nous nous baserons sur un document HTML qui se nommera police.html et qui sera de cette forme :

<html>
<head>
<title>ALL HTML</title>
</head>
<body>
<font face="Serpentine" size=3 color="#000099">ALL HTML</font>
</body>
</html>


Note : Ici vous souhaitez intégrez la police serpentine, présente sur votre ordinateur mais que tout le monde ne possède pas forcément d'où l'intérêt de créer une police objet ("font objects").

Après avoir téléchargé et installé Weft sur votre ordinateur, double cliquez sur son icône afin d'exécutez ce programme.

Ce premier écran vous demande alors où ce situe la page police.html (ou votre page de votre choix) ou nous devons intégrer les polices.

Didacticiel Weft

Après avoir cliquez sur suivant, Weft analyse les polices présentes dans la page : Nom, style, valeur unicode et surtout vous indique si elles peuvent être rendues dynamiques (cf. voir plus bas tableau de compatibilité).

Didacticiel Weft

Tableau de compatibilité des polices

Editable or Installable : Police compatible
Previewable : Police compatible mais non recommandée
Previewable : Police non compatible


Arrivé à ce stade, Weft va créer les fichers .eot pour rendre celles-ci visible par tous

Didacticiel Weft

A l'apparition de cette boîte de dialogue, tapez l'url de votre site (ex : http://www.allhtml.com/), et cliquez sur ok

Didacticiel Weft

Après cliquez sur ok à deux reprises, les fichiers ont été crées soit :
- Les fichiers des poilces .eot
- Et votre page police.html où une feuille de style à été rajoutée comme l'exemple ci-dessous :

<style type="text/css">
<!--
@font-face
{
font-family: Serpentine;
font-style: normal;
font-weight: normal;
src: url(SERPENT.eot);
}
-->
</style>


Il vous reste plus qu'à transférer ceci sur votre serveur.





Zone MembreInfo...
Créez gratuitement votre
accès et soyez membre
d'ALL HTML !
Mot de passe oublié ?



Recommander ALL HTML
Si vous appréciez ce site,
n'hésitez pas à le faire
découvrir à vos ami(e)s...
Cliquez ici 
Top
 Tous Droits Réservés  -  Contact  -  Partenaires  -  Info Annonceurs  -  Données personnelles  -  Edition MobileHébergé par IKOULA