{"id":140,"date":"2010-07-28T20:32:38","date_gmt":"2010-07-28T20:32:38","guid":{"rendered":"http:\/\/www.jarman.org.uk\/wp\/?p=140"},"modified":"2010-07-28T20:32:38","modified_gmt":"2010-07-28T20:32:38","slug":"web-fonts-available","status":"publish","type":"post","link":"https:\/\/www.jarman.org.uk\/wp\/web-fonts-available\/","title":{"rendered":"Web fonts available"},"content":{"rendered":"<table class=\"font-summary\">\n<tbody>\n<tr>\n<th>Font<\/th>\n<th>Platform<\/th>\n<th>CSS info<\/th>\n<\/tr>\n<tr><!-- ANDALE MONO --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Andale Mono&quot;, &quot;Monotype.com&quot;, monospace;\">Andale Mono<\/span><\/td>\n<td>MS Internet Explorer<br \/>\nMSIE<\/td>\n<td class=\"ffamily\">[Bold, Italic] Originally named <var>Monotype.com<\/var><\/p>\n<p>font-family: &#8220;Andale Mono&#8221;, &#8220;Monotype.com&#8221;, monospace<\/td>\n<\/tr>\n<tr><!-- APPLE CHANCERY --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Apple Chancery&quot;, &quot;Zapf Chancery&quot;, cursive;\">Apple Chancery<\/span><\/td>\n<td><span style=\"font-family: font-family;\">Macintosh<\/span><\/td>\n<td class=\"ffamily\">Also named <var>Zapf Chancery<\/var> on older Macs (and some Win PCs).<\/p>\n<p>font-family: &#8220;Apple Chancery&#8221;, &#8220;Zapf Chancery&#8221;, cursive<\/td>\n<\/tr>\n<tr><!-- ARIAL --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Arial, Helvetica, sans-serif;\">Arial<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">[Bold, Italic] Very similar to Helvetica.<\/p>\n<p>font-family: Arial, Helvetica, sans-serif<\/td>\n<\/tr>\n<tr><!-- ARIAL BLACK --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Arial black&quot;, sans-serif;\">Arial Black<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">Less common than Arial. Do <em>not<\/em> use it with a bold font-weight; it\u2019s bold enough already!<\/p>\n<p>font-family: &#8220;Arial Black&#8221;, sans-serif<\/td>\n<\/tr>\n<tr><!-- CAPITALS --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Capitals, serif;\">Capitals<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Not on pre-1999 Macs<\/p>\n<p>font-family: Capitals, serif<\/td>\n<\/tr>\n<tr><!-- CHARCOAL --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Charcoal, Chicago, sans-serif;\">Capitals<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Mac system font (for menus, dialog boxes, etc.) since 1999. It will be very familiar to Mac users at 12 points, but also works well in headlines (without bold).<\/p>\n<p>font-family: Charcoal, Chicago, sans-serif<\/td>\n<\/tr>\n<tr><!-- CHICAGO --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Chicago, sans-serif;\">Chicago<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">[Italic] Former Mac system font, replaced by Charcoal. Still present on every Mac ever made.<\/p>\n<p>font-family: Chicago, Charcoal, sans-serif<\/td>\n<\/tr>\n<tr><!-- COMIC SANS --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Comic Sans MS&quot;, cursive;\">Comic Sans<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">[Bold, Italic] An informal font designed to be easily legible on screen. Believe it or not, this is the default <em>cursive<\/em> font for Internet Explorer.<\/p>\n<p>font-family: &#8220;Comic Sans MS&#8221;, cursive<\/td>\n<\/tr>\n<tr><!-- COURIER (MAC) --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Comic Sans MS&quot;, cursive;\">Courier (Mac scalable)<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">[Bold, Italic] Courier is the most common monospace (typewriter-style) font. The Mac version of Courier (top left, shown at 18 points) is scalable; the Windows version (bottom left, 15 points) is not. Therefore the scalable &#8220;Courier New&#8221; is preferred, as it is usually available on both Mac and Windows.<\/p>\n<p>font-family: &#8220;Courier New&#8221;, Courier, monospace<\/td>\n<\/tr>\n<tr><!-- COURIER NEW --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Comic Sans MS&quot;, cursive;\">Courier New<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">[Bold, Italic] See discussion under <var>Courier<\/var><\/p>\n<p>font-family: &#8220;Courier New&#8221;, Courier, monospace<\/td>\n<\/tr>\n<tr><!-- FIXEDSYS --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Fixed Sys<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">A non-scalable Windows system font used for DOS screens and other low-level tasks. Available only at 9 points.<\/p>\n<p>font-family: fixedsys, monospace<\/td>\n<\/tr>\n<tr><!-- GADGET --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Gadget<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">A display font; avoid bold and italics. Not on pre-1999 Macs.<\/p>\n<p>font-family: Gadget, fantasy<\/td>\n<\/tr>\n<tr><!-- GENEVA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Geneva<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">[Bold, Italic] A Mac system font since 1984. Its appearance resembles Arial and Helvetica; its function is similar to MS Sans Serif (icon names on the Desktop, etc.).<\/p>\n<p>font-family: Geneva, &#8220;MS Sans Serif&#8221;, sans-serif<\/td>\n<\/tr>\n<tr><!-- GEORGIA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Georgia<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">[Bold, Italic] Designed by Microsoft for WWW use, Georgia is a traditional looking font with \u201cold-style\u201d numerals.<\/p>\n<p>font-family: Georgia, serif<\/td>\n<\/tr>\n<tr><!-- HELVETICA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Helvetica<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">[Bold, Italic] A Mac system font since 1984. On the Web, Helvetica is usually paired with the nearly identical (and more common) Arial.<\/p>\n<p>font-family: Arial, Helvetica, sans-serif<\/td>\n<\/tr>\n<tr><!-- HOEFLER TEXT --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: xxxx;\">Hoefler Text<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">[Bold, Italic] Not on pre-1999 Macs<\/p>\n<p>font-family: &#8220;Hoefler Text&#8221;, serif<\/td>\n<\/tr>\n<tr><!-- IMPACT --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Impact, sans-serif;\">Impact<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">Less common than other MSIE fonts such as Arial. A very heavy, black font, good for headlines. Weight and width are sort of like Techno.<\/p>\n<p>font-family: Impact, sans-serif<\/td>\n<\/tr>\n<tr><!-- MONACO --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: monaco, sans-serif;\">Monaco<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Monospace font, present on all Macs. Monaco 9-point is associated with programming, debugging, and other low-level tasks, somewhat like Windows Fixedsys, System, and Terminal.<\/p>\n<p>font-family: monaco, sans-serif<\/td>\n<\/tr>\n<tr><!-- MS GOTHIC --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;MS Gothic&quot;, monospace;\">MS Gothic<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">Monospace system font dating back to Windows 95. Best at 12 pixels and under.<\/p>\n<p>font-family: &#8220;MS Gothic&#8221;, monospace<\/td>\n<\/tr>\n<tr><!-- MS SANS SERIF --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;MS Sans Serif&quot;, Geneva, sans-serif;\">MS Sans Serif<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">Windows system font, used for dialog boxes, etc. Best at 12 pixels and under.<\/p>\n<p>font-family: &#8220;MS Sans Serif&#8221;, Geneva, sans-serif<\/td>\n<\/tr>\n<tr><!-- MS SERIF --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;MS Serif&quot;, &quot;New York&quot;, serif;\">MS Serif<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">Windows system font. Best at 12 pixels and under.<\/p>\n<p>font-family: &#8220;MS Serif&#8221;, &#8220;New York&#8221;, serif<\/td>\n<\/tr>\n<tr><!-- NEW YORK --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;New York&quot;, &quot;MS Serif&quot;, serif;\">New York<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">[Bold, Italic] Mac system font: similar in appearance to Times Roman, similar in function to MS Serif.<\/p>\n<p>font-family: &#8220;New York&#8221;, &#8220;MS Serif&#8221;, serif<\/td>\n<\/tr>\n<tr><!-- PALATINO --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Palatino, serif;\">Palatino<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">A nice serif font, present on all Macs and fairly common on PCs (with office software suites).<\/p>\n<p>font-family: Palatino, serif<\/td>\n<\/tr>\n<tr><!-- SAND --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Sand, fantasy;\">Sand<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Not on pre-1999 Macs<\/p>\n<p>font-family: Sand, fantasy<\/td>\n<\/tr>\n<tr><!-- SKIA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Skia, sans-serif;\">Skia<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Not on pre-1999 Macs<\/p>\n<p>font-family: Skia, sans-serif<\/td>\n<\/tr>\n<tr><!-- SYSTEM --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: System, sans-serif;\">System<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">Non-scalable (available only at 10 points), present on all Windows PCs, used for menus, etc.<\/p>\n<p>font-family: System, sans-serif<\/td>\n<\/tr>\n<tr><!-- TAHOMA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Tahoma, serifSansSerifMonospace;\">Tahoma<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">Rarely used on the Web, Tahoma does have the advantage of being present even on very old Windows PCs.<\/p>\n<p>font-family: Tahoma, serifSansSerifMonospace<\/td>\n<\/tr>\n<tr><!-- TECHNO --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Techno, Impact, sans-serif;\">Techno<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Not on pre-1999 Macs<\/p>\n<p>font-family: Techno, Impact, sans-serif<\/td>\n<\/tr>\n<tr><!-- TERMINAL --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Terminal, monospace;\">Terminal<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/win30x38.gif\" alt=\"Windows\" width=\"38\" height=\"30\" align=\"middle\" \/><br \/>\nWin<\/td>\n<td class=\"ffamily\">A non-scalable, monospace system font used for the DOS or \u201ccommand-line\u201d interface. Terminal looks very different at different point sizes. Shown here are 9, 12, and 14 points.<\/p>\n<p>font-family: Terminal, monospace<\/td>\n<\/tr>\n<tr><!-- TEXTILE --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Textile, cursive;\">Textile<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Not on pre-1999 Macs<\/p>\n<p>font-family: Textile, cursive<\/td>\n<\/tr>\n<tr><!-- TIMES (MAC) --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Times New Roman&quot;, Times, serif;\">Times<\/span><\/td>\n<td><img decoding=\"async\" loading=\"lazy\" src=\"images\/macos32.gif\" alt=\"Macintosh\" width=\"32\" height=\"32\" align=\"middle\" \/><br \/>\nMac<\/td>\n<td class=\"ffamily\">Because some PCs have non-scalable fonts named <var>Times<\/var>, it is common to lead with the scalable, nearly ubiquitous MSIE font <var>Times New Roman<\/var> instead. Times is noticeably more compact than Times New Roman, so it can be too small to read on screen.<\/p>\n<p>font-family: &#8220;Times New Roman&#8221;, Times, serif<\/td>\n<\/tr>\n<tr><!-- TIMES NEW ROMAN --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Times New Roman&quot;, serif;\">Times new roman<\/span><\/td>\n<td>MS Internet Explorer MSIE<\/td>\n<td class=\"ffamily\">This is by far the most common serif font on the Web. It is the default serif font in most browsers.<\/p>\n<p>font-family: &#8220;Times New Roman&#8221;, serif<\/td>\n<\/tr>\n<tr><!-- TREBUCHET MS --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;Trebuchet MS&quot;, sans-serif;\">Trebuchet<\/span><\/td>\n<td>MS Internet Explorer<\/td>\n<td class=\"ffamily\">A sans-serif font designed (like Verdana) for legibility on screen.<\/p>\n<p>font-family: &#8220;Trebuchet MS&#8221;, sans-serif<\/td>\n<\/tr>\n<tr><!-- VERDANA --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: Verdana, Arial, Helvetica, sans-serif;\">Verdana<\/span><\/td>\n<td>MS Internet Explorer<\/td>\n<td class=\"ffamily\">Possibly the most readable of the sans-serif fonts commissioned by Microsoft for on-screen use. However, Verdana shouldn\u2019t be used side-by-side with same-sized serif fonts, because Verdana will appear one or two sizes larger.<\/p>\n<p>font-family: Verdana, Arial, Helvetica, sans-serif<\/td>\n<\/tr>\n<tr><!-- VT-100 --><\/p>\n<td class=\"fontimg\"><span style=\"font-family: &quot;VT-100&quot;, monospace;\">VT100<\/span><\/td>\n<td>Machintosh<br \/>\nMac<\/td>\n<td class=\"ffamily\">Functionally similar to Windows Terminal and Fixedsys, VT-100 can be scaled up for a \u201cbitmappy\u201d appearance.<\/p>\n<p>font-family: &#8220;VT-100&#8221;, monospace<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Font Platform CSS info Andale Mono MS Internet Explorer MSIE [Bold, Italic] Originally named Monotype.com font-family: &#8220;Andale Mono&#8221;, &#8220;Monotype.com&#8221;, monospace Apple Chancery Macintosh Also named Zapf Chancery on older Macs (and some Win PCs). font-family: &#8220;Apple Chancery&#8221;, &#8220;Zapf Chancery&#8221;, cursive Arial MS Internet Explorer MSIE [Bold, Italic] Very similar to Helvetica. font-family: Arial, Helvetica, sans-serif [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[],"_links":{"self":[{"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/posts\/140"}],"collection":[{"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":4,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/posts\/140\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jarman.org.uk\/wp\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}