Visionneuse de polices

Commenter

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

S'inscrire maintenant

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.

Du même auteur (vbbreizh)