Visionneuse de polices

Soyez le premier à donner votre avis sur cette source.

Snippet vu 9 747 fois - Téléchargée 28 fois

Contenu du snippet

Aperçu des caractères, codes (accessibles par rollover)...fonctionne avec I.Explorer, Netscape, Opéra...
Simple et n'attend que vos perfectionnements...

Source / Exemple :


<html><head>
<script language="JavaScript"><!--
//(installed fonts windows98)
var fonts = new Array("Abadi MT Condensed Light","Arial Black","Arial","Book Antiqua","Calisto MT","Century Gothic","Comic Sans MS","Copperplate Gothic Bold","Courier New","Impact","Lucida Console","Lucida Handwriting Italic","Lucida Sans Italic","Lucida Sans Unicode","Marlett","News Gothic MT","OCR A Extended","Symbol","Tahoma","Times New Roman","Verdana","Webdings","Westminster","Wingdings");
var fontname;
var chartable='';
function get_fontname() {
    var i= document.formfont.listfonts.selectedIndex;
    fontname= fonts[i];
    write_pop();
}
function write_pop() {
    var pp = center_pop('',400,300);
    pp.document.write("<head><title>FontViewer ["+ fontname+ "]</title></head>");
    pp.document.write("<body bgcolor=whitesmoke font face="+ fontname +" size=3 color=blueviolet><center>");
    set_chartable();
    pp.document.write("<font face="+fontname+" size=6 color=darkgreen>"+ chartable);
    pp.document.write("<br><input type='button' value='Close...' onclick='self.close()'></center>");
    pp.document.write("</body>");
}
var count; 
var nr=0;
function set_chartable() {
 for (count=33; count<256; count++) {
       if (count==33) {chartable='<table border width=100%><tr><th colspan=8 align=center bgcolor=lavender>'+ fontname +'</th></tr>';}
       nr++; 
       if (nr==1) {chartable=chartable+ '<tr>';}
       chartable=chartable+ '<td align=center bgcolor=aliceblue><span style="cursor:hand;font-family:'+ fontname +'"  title="'+'code : &#38;&#35;'+ count +'&#59;">&#' + count + ';</span></td>';
       if ((nr==8) || (count==255)) {chartable=chartable+ '</tr>'; nr=0;}}
chartable=chartable+ '</table>';
}
function center_pop(url,w,h) { // center the PopUp on the screen
      var l = (screen.width - w)/2;
      var t =  (screen.height - h)/2;
      return window.open(url,'','width='+w+',height='+h+',left='+l+',top='+t+',scrollbars=yes');
}
--></script></head>
<body>
<font size=2>Free Script provided by ©VB'Breizh
<hr><font size=3><p>
<center>
Windows 98 Installed fonts :   
<form name='formfont'><script>
var msg='<center><select name="listfonts" onChange="get_fontname()">';
for (i=0;i<fonts.length;i++) {
     msg=msg+'<option value="'+i+'">'+fonts[i]+'</option>';}
     document.write(msg+'</select></center>');
</script></form></center>
</body></html>

Conclusion :


Démo sur le site de VB'Breizh (http://gilles.saunier.free.fr) avec d'autres scripts sur les polices de caractères

A voir également

Ajouter un commentaire

Commentaires

ifebo
Messages postés
181
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
28 décembre 2006
-
Bravo vbbreizh. Très impressionnant !
Nulle doute que je vais m'ateler à me constituer ma fontothèque grâce à vous.
Je vais tester avec qq. polices exotiques que j'ai installées. En tant que graphiste ça va beaucoup me faciliter le choix des polices à utiliser dans mes créations. j'ai mis 10/10 Merci
ifebo
Messages postés
181
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
28 décembre 2006
-
Je n'ai pas réussi à faire en sorte de donner une taille plus imposante aux polices qui s'affichent dans la pop-up. J'ai essayé d'introduire une CSS dans une ligne :
pp.document.write("<STYLE>body {font-size:24pt }</STYLE>");
Mais ça n'a pas fonctionné. J'ai essayé de différentes façons et aucune n'a fonctionnées. Je dois me tromper dans la syntaxe ? Je ne sais pas comment faire.
Help. Merci

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.