• Toybox
• Typography
• Automated Glyphs

[Content]

Automated Glyphs

There are literally thousands of glyphs that aren’t used to full effect on the web. These can be punctuation, accents symbols and currency. Part of the reason they aren’t used as muchMDASHin my opinionMDASHis that their entities aren’t very well know or accessible.
This little abPHP script will automatically write out the first x amount of glyphs and their respective abHTML entities.

I imagine this will be a pretty useful tool to many, so it might be an idea to bookmark it on Delicious.

The script

<ul class="col">
  <?php
    for ($count=1; $count<=50; $count++){
      if ($count&1){
        echo "<li class=\"odd\">&#" .$count. "; = &amp;#" .$count. ";</li>\n";
      }
      else{
        echo "<li>&#" .$count. "; = &amp;#" .$count. ";</li>\n";
      }
    }
  ?>
</ul>

In action

Here is the script in action. You can also view associated abCSS.

• 
  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
• = 	
• = 

•  = 
•  = 
• = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
•  = 
• =  
• ! = !
• " = "
• # = #
• $ = $
• % = %
• & = &
• ' = '
• ( = (
• ) = )
• * = *
• + = +
• , = ,
• - = -
• . = .
• / = /
• 0 = 0
• 1 = 1
• 2 = 2

• 3 = 3
• 4 = 4
• 5 = 5
• 6 = 6
• 7 = 7
• 8 = 8
• 9 = 9
• : = :
• ; = &#59;
• < = &#60;
• = = &#61;
• > = &#62;
• ? = &#63;
• @ = &#64;
• A = &#65;
• B = &#66;
• C = &#67;
• D = &#68;
• E = &#69;
• F = &#70;
• G = &#71;
• H = &#72;
• I = &#73;
• J = &#74;
• K = &#75;
• L = &#76;
• M = &#77;
• N = &#78;
• O = &#79;
• P = &#80;
• Q = &#81;
• R = &#82;
• S = &#83;
• T = &#84;
• U = &#85;
• V = &#86;
• W = &#87;
• X = &#88;
• Y = &#89;
• Z = &#90;
• [ = &#91;
• \ = &#92;
• ] = &#93;
• ^ = &#94;
• _ = &#95;
• ` = &#96;
• a = &#97;
• b = &#98;
• c = &#99;
• d = &#100;

• e = &#101;
• f = &#102;
• g = &#103;
• h = &#104;
• i = &#105;
• j = &#106;
• k = &#107;
• l = &#108;
• m = &#109;
• n = &#110;
• o = &#111;
• p = &#112;
• q = &#113;
• r = &#114;
• s = &#115;
• t = &#116;
• u = &#117;
• v = &#118;
• w = &#119;
• x = &#120;
• y = &#121;
• z = &#122;
• { = &#123;
• | = &#124;
• } = &#125;
• ~ = &#126;
•  = &#127;
• € = &#128;
•  = &#129;
• ‚ = &#130;
• ƒ = &#131;
• „ = &#132;
• … = &#133;
• † = &#134;
• ‡ = &#135;
• ˆ = &#136;
• ‰ = &#137;
• Š = &#138;
• ‹ = &#139;
• Œ = &#140;
•  = &#141;
• Ž = &#142;
•  = &#143;
•  = &#144;
• ‘ = &#145;
• ’ = &#146;
• “ = &#147;
• ” = &#148;
• • = &#149;
• – = &#150;

• — = &#151;
• ˜ = &#152;
• ™ = &#153;
• š = &#154;
• › = &#155;
• œ = &#156;
•  = &#157;
• ž = &#158;
• Ÿ = &#159;
•   = &#160;
• ¡ = &#161;
• ¢ = &#162;
• £ = &#163;
• ¤ = &#164;
• ¥ = &#165;
• ¦ = &#166;
• § = &#167;
• ¨ = &#168;
• © = &#169;
• ª = &#170;
• « = &#171;
• ¬ = &#172;
• ­ = &#173;
• ® = &#174;
• ¯ = &#175;
• ° = &#176;
• ± = &#177;
• ² = &#178;
• ³ = &#179;
• ´ = &#180;
• µ = &#181;
• ¶ = &#182;
• · = &#183;
• ¸ = &#184;
• ¹ = &#185;
• º = &#186;
• » = &#187;
• ¼ = &#188;
• ½ = &#189;
• ¾ = &#190;
• ¿ = &#191;
• À = &#192;
• Á = &#193;
• Â = &#194;
• Ã = &#195;
• Ä = &#196;
• Å = &#197;
• Æ = &#198;
• Ç = &#199;
• È = &#200;