CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.</title> <meta name="description" content="Web safe CSS font stacks and web fonts. Select, preview, and generate CSS and HTML for your font family."> <meta name="keywords" content="css font stack, css font, font stack, css stack, web safe font, web font, html fonts, font family"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="UTF-8"> <link rel="shortcut icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <link rel="icon" href="//dpidudyah7i0b.cloudfront.net/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="ZkllBXM0YaGbvtbUBWPeMrRH7sJOHSKErKPJ_bQA9zM" /> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="/bootsnipp-layout/bootsnipp.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script async src="//netdna.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>  <script> window.onload = function() { setTimeout(function() { var ad = document.querySelector("ins.adsbygoogle[data-ad-slot='5700240528']"); var promos = document.querySelectorAll(".fr7a9z"); for (var i = 0; i < promos.length; i++) { var promo = promos[i]; if (ad && ad.innerHTML.replace(/\s/g, "").length == 0) { // ad.style.cssText = 'display:block !important'; ad.parentElement.style.cssText = 'display:none !important'; promo.innerHTML = '<center>\ <div class="fr7a9z2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h4 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-dashboard"></i> <a href="http://www.website-performance.org">Try the Website Speed Testing Tool</a></h4>\ Test <strong>how quickly your webpage loads</strong> and discover <strong>what is slowing it down</strong>.\ </div>\ </center>'; promo.style.maxWidth= ''; } else if (promo) { promo.innerHTML = '<center>\ <div class="fr7a9z2" style="background-color:#FCFCFC;width: 728px;height:90px;padding:10px;border:1px solid #cccccc;text-align:left;">\ <h5 style="margin-top:0px;margin-bottom:2px">\ <i class="fa fa-dashboard glyphicon glyphicon-dashboard"></i> <a href="http://www.website-performance.org">Try the Website Speed Testing Tool</a></h5>\ Test <strong>how quickly your webpage loads</strong> and discover <strong>what is slowing it down</strong>.\ </div>\ </center>'; var promotwo = document.querySelector(".fr7a9z2"); promotwo.style.width= ''; } } }, 1000); }; </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55581850-1', 'auto', {'allowLinker': true}); ga('require', 'linker'); ga('require', 'GTM-PKH6F4B'); ga('linker:autoLink', ['danstools.com','unixtimestamp.com','url-encode-decode.com','cssfontstack.com','hexcolortool.com','htaccessredirect.net','jspretty.com','jsmini.com','jsobfuscate.com','md5hashgenerator.com','regextester.com','cleancss.com','favicon-generator.org','website-performance.org','permissions-calculator.org','conversoes.org','convertissez.fr','convertitore.net','elconvertidor.com','files-conversion.com','henkan-muryo.com','konvertirung.org','konvertor.org','tahwil.net','zhuan-huan.com','bootsnipp.com'] ); ga('send', 'pageview'); </script> <script data-ad-client="ca-pub-8815422507798180" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> </head> <body> <nav class="navbar navbar-fixed-top navbar-bootsnipp animate" role="navigation" style="z-index: 9999999"> <div class="container">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="animbrand"> <a style="padding-top:10px;" class="navbar-brand animate" href="https://www.cssfontstack.com">CSS Fonts</a> <span class="text-muted" style="font-size:.75em; position:absolute; bottom:3px; left:30px">From <strong>Dan's Tools</strong></span> </div> </div>  <script> $(document).ready(function(){ $('.dropdown-submenu a.submenutest').on("click", function(e){ $(this).next('ul').toggle(); e.stopPropagation(); e.preventDefault(); }); }); </script> <style> .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu>li>a:hover { background-color: #F5F5F5; border-left-width: 5px; padding-left: 15px; } .dropdown-submenu>.dropdown-menu>li>a { border-left: 0 solid #5FB0E4; color: #787878; font-size: 16px; font-weight: 400; padding: 10px 20px; white-space: nowrap; } .dropdown-submenu .dropdown-menu { min-width: 220px; top: 0; left: 100%; margin-top: -1px; } </style>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Web Dev</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://bootsnipp.com" rel="nofollow">HTML/JS/CSS Playground</a></li><li><a href="http://www.hexcolortool.com" rel="nofollow">HTML Color Codes</a></li><li><a href="http://www.cssfontstack.com" rel="nofollow">CSS Fonts</a></li><li><a href="http://www.cleancss.com/diff-compare-merge" rel="nofollow">Online Diff Tool</a></li><li><a href="http://www.htaccessredirect.net" rel="nofollow">.htaccess Generator</a></li><li><a href="http://www.regextester.com" rel="nofollow">RegEx Testing</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB & HEX Color Explorer</a></li><li><a href="http://www.rgbtohex.net" rel="nofollow">RGB to HEX Color Converter</a></li><li><a href="http://www.unixtimestamp.com" rel="nofollow">TimeStamp Converter</a></li><li><a href="http://website-performance.org" rel="nofollow">Website Speed Test</a></li><li><a href="http://www.favicon-generator.org" rel="nofollow">Favicon.ico & App Icon Generator</a></li><li><a href="http://www.favicon-generator.org/image-editor" rel="nofollow">Online Image Editor</a></li><li><a href="http://spritegen.website-performance.org" rel="nofollow">CSS Sprite Generator</a></li><li><a href="http://www.cleancss.com/keyword-tool" rel="nofollow">Keyword Tool</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Conversion</span> </a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Data</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/CSV-to-HTML" rel="nofollow">CSV To HTML Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-JSON" rel="nofollow">CSV To JSON Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-TSV" rel="nofollow">CSV To TSV Converter</a></li><li><a href="http://www.cleancss.com/CSV-to-XML" rel="nofollow">CSV To XML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-CSV" rel="nofollow">JSON To CSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-HTML" rel="nofollow">JSON To HTML Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-TSV" rel="nofollow">JSON To TSV Converter</a></li><li><a href="http://www.cleancss.com/JSON-to-XML" rel="nofollow">JSON To XML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-CSV" rel="nofollow">XML To CSV Converter</a></li><li><a href="http://www.cleancss.com/XML-to-HTML" rel="nofollow">XML To HTML Converter</a></li><li><a href="http://www.cleancss.com/XML-to-JSON" rel="nofollow">XML To JSON Converter</a></li><li><a href="http://www.cleancss.com/XML-to-TSV" rel="nofollow">XML To TSV Converter</a></li><li><a href="http://www.files-conversion.com" rel="nofollow">Convert Files</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Numbers</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-converter" rel="nofollow">Binary Converter</a></li><li><a href="http://www.cleancss.com/binary-to-decimal" rel="nofollow">Binary To Decimal Converter</a></li><li><a href="http://www.cleancss.com/binary-to-hex" rel="nofollow">Binary To Hex Converter</a></li><li><a href="http://www.cleancss.com/binary-to-octal" rel="nofollow">Binary To Octal Converter</a></li><li><a href="http://www.cleancss.com/convert-units" rel="nofollow">Unit Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-binary" rel="nofollow">Decimal To Binary Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-hex" rel="nofollow">Decimal To Hex Converter</a></li><li><a href="http://www.cleancss.com/decimal-to-octal" rel="nofollow">Decimal To Octal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-binary" rel="nofollow">Hex To Binary Converter</a></li><li><a href="http://www.cleancss.com/hex-to-decimal" rel="nofollow">Hex To Decimal Converter</a></li><li><a href="http://www.cleancss.com/hex-to-octal" rel="nofollow">Hex To Octal Converter</a></li><li><a href="http://www.cleancss.com/how-many-bytes" rel="nofollow">Data Size Converter</a></li><li><a href="http://www.cleancss.com/octal-to-binary" rel="nofollow">Octal To Binary Converter</a></li><li><a href="http://www.cleancss.com/octal-to-decimal" rel="nofollow">Octal To Decimal Converter</a></li><li><a href="http://www.cleancss.com/octal-to-hex" rel="nofollow">Octal To Hex Converter</a></li> </ul> </li> <li class="dropdown-submenu"> <a href="#" tabindex="-1" class="submenutest"> <span>Strings</span> <i class="glyphicon glyphicon-triangle-right pull-right" style="font-size:75%"></i> </a> <ul class="dropdown-menu"> <li><a href="http://www.cleancss.com/binary-to-string" rel="nofollow">Binary To String Converter</a></li><li><a href="http://www.cleancss.com/hex-to-string" rel="nofollow">Hex To String Converter</a></li><li><a href="http://www.cleancss.com/html-escape" rel="nofollow">HTML Entities Escape</a></li><li><a href="http://www.cleancss.com/html-unescape" rel="nofollow">HTML Entities Unescape</a></li><li><a href="http://www.cleancss.com/string-to-binary" rel="nofollow">String To Binary Converter</a></li><li><a href="http://www.cleancss.com/string-to-hex" rel="nofollow">String To Hex Converter</a></li><li><a href="http://www.cleancss.com/strip-html" rel="nofollow">Strip and Remove HTML Tags</a></li><li><a href="http://www.cleancss.com/strip-xml" rel="nofollow">Strip and Remove XML Tags</a></li><li><a href="http://www.cleancss.com/word-counter" rel="nofollow">Word Counter</a></li><li><a href="http://www.cleancss.com/xml-escape" rel="nofollow">XML Entities Escape</a></li><li><a href="http://www.cleancss.com/xml-unescape" rel="nofollow">XML Entities Unescape</a></li> </ul> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Encode/Decoders</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/base64-decode" rel="nofollow">Base64 Decode</a></li><li><a href="http://www.cleancss.com/base64-encode" rel="nofollow">Base64 Encode</a></li><li><a href="http://www.md5hashgenerator.com" rel="nofollow">MD5 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha1-generator" rel="nofollow">SHA-1 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha256-hash-generator" rel="nofollow">SHA-256 Hash Generator</a></li><li><a href="http://www.cleancss.com/sha512-hash-generator" rel="nofollow">SHA-512 Hash Generator</a></li><li><a href="http://www.url-encode-decode.com" rel="nofollow">URL Encode/Decode</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Formatters</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/css-beautify" rel="nofollow">CSS Formatter</a></li><li><a href="http://www.cleancss.com/go-beautify" rel="nofollow">GO Formatter</a></li><li><a href="http://www.cleancss.com/html-beautify" rel="nofollow">HTML Beautifier & Formatter</a></li><li><a href="http://www.cleancss.com/javascript-beautify" rel="nofollow">Javascript Formatter</a></li><li><a href="http://www.cleancss.com/javascript-obfuscate" rel="nofollow">Javascript Obfuscate</a></li><li><a href="http://www.cleancss.com/json-beautify" rel="nofollow">JSON Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/json-editor" rel="nofollow">JSON Editor</a></li><li><a href="http://www.cleancss.com/json-validator" rel="nofollow">JSON Validator</a></li><li><a href="http://www.cleancss.com/perl-beautify" rel="nofollow">Perl Formatter</a></li><li><a href="http://www.cleancss.com/php-beautify" rel="nofollow">PHP Formatter</a></li><li><a href="http://www.cleancss.com/python-beautify" rel="nofollow">Python Formatter</a></li><li><a href="http://www.cleancss.com/ruby-beautify" rel="nofollow">Ruby Formatter</a></li><li><a href="http://www.cleancss.com/sql-beautify" rel="nofollow">SQL Formatter</a></li><li><a href="http://www.cleancss.com/xml-beautify" rel="nofollow">XML Formatter & Beautifier</a></li><li><a href="http://www.cleancss.com/css-minify" rel="nofollow">CSS Minify</a></li><li><a href="http://www.cleancss.com/javascript-minify" rel="nofollow">Javascript Minify</a></li><li><a href="http://www.cleancss.com/json-minify" rel="nofollow">JSON Minify</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="caret"></i> <span>Internet</span> </a> <ul class="dropdown-menu" role="menu"> <li><a href="http://www.cleancss.com/email-validator" rel="nofollow">Email Validator</a></li><li><a href="http://www.cleancss.com/is-it-up-or-down" rel="nofollow">Is It Up Or Down</a></li><li><a href="http://www.cleancss.com/router-default" rel="nofollow">Default Router Settings</a></li><li><a href="http://www.cleancss.com/user-manuals" rel="nofollow">User Manuals</a></li><li><a href="http://www.cleancss.com/what-is-my-ip" rel="nofollow">What is my IP</a></li> </ul> </li> <li><a data-toggle="modal" href="#JoinModal">Join</a></li><li><a data-toggle="modal" href="#LoginModal">Login</a></li> </ul> </div> </div>  </nav> <div class="container" style="margin-top:30px;margin-bottom:20px;"> <div class="col-md-9 col-xl-10"> <h3 class="text-center hidden-xs hidden-sm hidden">CSS Font Stack</h3> <br/> <script type="text/javascript" src="//dpidudyah7i0b.cloudfront.net/js/jquery.min.js"></script> <script type='text/javascript' src='//dpidudyah7i0b.cloudfront.net/js/zeroclipboard.js'></script> <script type="text/javaScript"> ZeroClipboard.setMoviePath( '//dpidudyah7i0b.cloudfront.net/js/zeroclipboard.swf' ); jQuery(document).ready(function() { jQuery('.copy').mouseover(function() { var txt = jQuery(this).attr("title"); var url = jQuery(this).attr("href"); clip = new ZeroClipboard.Client(); clip.setHandCursor(true); clip.setText(txt); clip.glue(this); clip.addEventListener('complete', function(client, text) { alert("Copied to clipboard! Don't forget to share." ); if (url!=undefined){ //this is for window.location=url; //<a href links } //to do it }); }); }); </script>  <div class="row-fluid">  <div id="ezoic-pub-ad-placeholder-101"> <div style="margin-bottom:20px;margin:auto"> <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="auto" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div>   <div id="dashboard_tabs" class="col-xs-12"> <br /> <br />A complete collection of web safe CSS font stacks. <div id="dashboard-sans-serif" class="row" style="visibility: visible; position: relative; padding: 15px; min-height:100px;"><h1>Sans-serif</h1> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Arial,"Helvetica Neue",Helvetica,sans-serif'></i><a href="Arial">Arial</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.84% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 98.74% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Arial Black","Arial Bold",Gadget,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Arial Black","Arial Bold",Gadget,sans-serif'></i><a href="Arial-Black">Arial Black</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 98.08% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 96.22% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Arial Narrow",Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Arial Narrow",Arial,sans-serif'></i><a href="Arial-Narrow">Arial Narrow</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 88.39% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 94.77% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif'></i><a href="Arial-Rounded-MT-Bold">Arial Rounded MT Bold</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 59.53% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 95.14% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif'></i><a href="Avant-Garde">Avant Garde</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 1.08% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif'></i><a href="Calibri">Calibri</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 83.41% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 38.74% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Candara,Calibri,Segoe,"Segoe UI",Optima,Arial,sans-serif'></i><a href="Candara">Candara</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 83.08% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 34.41% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif'></i><a href="Century-Gothic">Century Gothic</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 87.62% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 53.15% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif'></i><a href="Franklin-Gothic-Medium">Franklin Gothic Medium</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.18% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 2.1% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Futura,"Trebuchet MS",Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Futura,"Trebuchet MS",Arial,sans-serif'></i><a href="Futura">Futura</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 1.26% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 94.41% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Geneva,Tahoma,Verdana,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Geneva,Tahoma,Verdana,sans-serif'></i><a href="Geneva">Geneva</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 2.08% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 99.64% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Gill Sans","Gill Sans MT",Calibri,sans-serif'></i><a href="Gill-Sans">Gill Sans</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 58.54% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 95.5% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Helvetica Neue",Helvetica,Arial,sans-serif'></i><a href="Helvetica">Helvetica</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 7.34% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 100% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,"Helvetica Inserat","Bitstream Vera Sans Bold","Arial Black","sans serif"'></i><a href="Impact">Impact</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 95.14% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif'></i><a href="Lucida-Grande">Lucida Grande</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 100% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif'></i><a href="Optima">Optima</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 2.52% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 93.69% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif'></i><a href="Segoe-UI">Segoe UI</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 75.36% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Tahoma,Verdana,Segoe,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Tahoma,Verdana,Segoe,sans-serif'></i><a href="Tahoma">Tahoma</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.95% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 91.71% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif'></i><a href="Trebuchet-MS">Trebuchet MS</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.67% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 97.12% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Verdana,Geneva,sans-serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Verdana,Geneva,sans-serif'></i><a href="Verdana">Verdana</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.84% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 99.1% </div> </div> </div> </div> <div id="dashboard-serif" class="row" style="visibility: visible; position: relative; padding: 15px; min-height:100px;"><h1>Serif</h1> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif'></i><a href="Big-Caslon">Big Caslon</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 92.61% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Bodoni MT",Didot,"Didot LT STD","Hoefler Text",Garamond,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Bodoni MT",Didot,"Didot LT STD","Hoefler Text",Garamond,"Times New Roman",serif'></i><a href="Bodoni-MT">Bodoni MT</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 55.81% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif'></i><a href="Book-Antiqua">Book Antiqua</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 86.09% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 49.01% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Calisto MT","Bookman Old Style",Bookman,"Goudy Old Style",Garamond,"Hoefler Text","Bitstream Charter",Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Calisto MT","Bookman Old Style",Bookman,"Goudy Old Style",Garamond,"Hoefler Text","Bitstream Charter",Georgia,serif'></i><a href="Calisto-MT">Calisto MT</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 58.43% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 46.31% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Cambria,Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Cambria,Georgia,serif'></i><a href="Cambria">Cambria</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 83.35% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 35.32% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Didot,"Didot LT STD","Hoefler Text",Garamond,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Didot,"Didot LT STD","Hoefler Text",Garamond,"Times New Roman",serif'></i><a href="Didot">Didot</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 93.51% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif'></i><a href="Garamond">Garamond</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 86.47% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 49.91% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Georgia,Times,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Georgia,Times,"Times New Roman",serif'></i><a href="Georgia">Georgia</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.4% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 97.48% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Goudy Old Style",Garamond,"Big Caslon","Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Goudy Old Style",Garamond,"Big Caslon","Times New Roman",serif'></i><a href="Goudy-Old-Style">Goudy Old Style</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 58.11% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 47.57% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Hoefler Text","Baskerville Old Face",Garamond,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Hoefler Text","Baskerville Old Face",Garamond,"Times New Roman",serif'></i><a href="Hoefler-Text">Hoefler Text</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 0.99% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 92.61% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Lucida Bright",Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Lucida Bright",Georgia,serif'></i><a href="Lucida-Bright">Lucida Bright</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 76.12% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 99.64% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif'></i><a href="Palatino">Palatino</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.29% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 86.13% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Perpetua,Baskerville,"Big Caslon","Palatino Linotype",Palatino,"URW Palladio L","Nimbus Roman No9 L",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Perpetua,Baskerville,"Big Caslon","Palatino Linotype",Palatino,"URW Palladio L","Nimbus Roman No9 L",serif'></i><a href="Perpetua">Perpetua</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 66.54% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Rockwell,"Courier Bold",Courier,Georgia,Times,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Rockwell,"Courier Bold",Courier,Georgia,Times,"Times New Roman",serif'></i><a href="Rockwell">Rockwell</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 65.94% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Rockwell Extra Bold","Rockwell Bold",monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Rockwell Extra Bold","Rockwell Bold",monospace'></i><a href="Rockwell-Extra-Bold">Rockwell Extra Bold</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 66.1% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Baskerville,"Baskerville Old Face","Hoefler Text",Garamond,"Times New Roman",serif'></i><a href="Baskerville">Baskerville</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 60.35% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 93.33% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif'></i><a href="Times-New-Roman">Times New Roman</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.67% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 97.48% </div> </div> </div> </div> <div id="dashboard-monospaced" class="row" style="visibility: visible; position: relative; padding: 15px; min-height:100px;"><h1>Monospaced</h1> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Consolas,monaco,monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Consolas,monaco,monospace'></i><a href="Consolas">Consolas</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 82.97% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 34.77% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace'></i><a href="Courier-New">Courier New</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.73% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 95.68% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace'></i><a href="Lucida-Console">Lucida Console</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 99.18% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 0% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Lucida Sans Typewriter","Lucida Console",monaco,"Bitstream Vera Sans Mono",monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Lucida Sans Typewriter","Lucida Console",monaco,"Bitstream Vera Sans Mono",monospace'></i><a href="Lucida-Sans-Typewriter">Lucida Sans Typewriter</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 74.81% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 99.64% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: monaco,Consolas,"Lucida Console",monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: monaco,Consolas,"Lucida Console",monospace'></i><a href="Monaco">Monaco</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 2.74% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 99.82% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Andale Mono",AndaleMono,monospace; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Andale Mono",AndaleMono,monospace'></i><a href="Andale-Mono">Andale Mono</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 4.16% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 94.59% </div> </div> </div> </div> <div id="dashboard-fantasy" class="row" style="visibility: visible; position: relative; padding: 15px; min-height:100px;"><h1>Fantasy</h1> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Copperplate,"Copperplate Gothic Light",fantasy; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Copperplate,"Copperplate Gothic Light",fantasy'></i><a href="Copperplate">Copperplate</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 66.87% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 92.61% </div> </div> </div> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: Papyrus,fantasy; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: Papyrus,fantasy'></i><a href="Papyrus">Papyrus</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 70.37% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 92.43% </div> </div> </div> </div> <div id="dashboard-script" class="row" style="visibility: visible; position: relative; padding: 15px; min-height:100px;"><h1>Script</h1> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ow-server"> <h4 class="page-header" style='font-family: "Brush Script MT",cursive; !important'> <i class="copy fa fa-clipboard pull-right" title='font-family: "Brush Script MT",cursive'></i><a href="Brush-Script-MT">Brush Script MT</a></h4> <div class="row"> <div class="col-sm-6 text-muted"> <i class="fa fa-windows"></i> Win: 59.64% </div> <div class="col-sm-6 text-muted"> <i class="fa fa-apple"></i> Mac: 90.99% </div> </div> </div> </div></div> <div id="dashboard-help" class="row" style="visibility: visible; padding: 15px; min-height:400px;"> <h3>What are Web Safe Fonts?</h3> <p> Web safe fonts are fonts that are pre-installed by many operating systems. While not all systems have the same fonts installed, you can use a web safe font stack to choose several fonts that look similar, and are installed on the various systems that you want to support. If you want to use fonts other than ones pre-installed, as of CSS3, you can use <a href="/Web-Fonts">Web Fonts</a>. </p> </div> </div>  </div> <div class="col-md-3 col-xl-2" style="margin-top:30px;"> <h4 class="text-muted">Related Tools: </h4><p><i class="fa fa-chevron-right"></i> <strong><a href="/Web-Fonts">Web Fonts</a></strong></p><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.hexcolortool.com">HTML Color Codes</a></strong></p><p><i class="fa fa-chevron-right"></i> <strong><a href="https://www.htaccessredirect.net">.htaccess Generator</a></strong></p><hr/> <script> $( document ).ready(function() { if (1==0 && window.canRunAds === true) { $('#blocker').hide(); } else { $('#blocker').show(); } }); </script>  <div id="ezoic-pub-ad-placeholder-102"> <ins class="adsbygoogle" style="display:block;" data-ad-client="ca-pub-8815422507798180" data-ad-slot="5700240528" data-ad-format="vertical"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>  </div> </div> <div class="clearfix"></div> <footer class="bs-footer" role="contentinfo"> <div class="container"> <div class="bs-social"> <ul class="bs-social-buttons"> <li class="follow-btn"> <a id="js-twitter-follow" href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </li> </ul> </div> <p>© 2014-2019 <a href="https://www.danstools.com" target="_blank">Dan's Tools</a> | <a href="/about.php">About</a> | <a href="/privacy.php" target="_blank">Privacy</a> | <a href="https://www.cleancss.com/tesla/">Tesla Referral Code</a></p> </div> </footer> <div class="modal fade" id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Login</h1> </div> <div class="modal-body"> <p> If you don't already have an account, <a data-toggle="modal" href="#JoinModal">Register Now</a> </p> <form method="POST" action="/login.php"> <input class="form-control" type="text" name="username" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Login"> </form> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="JoinModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Join</h1> </div> <div class="modal-body"> <p> Join to access discussion forums and premium features of the site. </p> <form method="POST" action="/join.php"> <input class="form-control" type="text" name="email" placeholder="Email Address"><br /> <input class="form-control"type="password" name="password" placeholder="Password"><br /> <input class="form-control btn btn-primary" type="submit" value="Join Now"> </form> <br /> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="ShareModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog" style="margin-top:200px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">脳</span><span class="sr-only">Close</span></button> <h1 class="modal-title" id="lineModalLabel">Please Share!</h1> </div> <div class="modal-body">  <strong><span id="sharetxt">Thank you for using my tool. If you could share this tool with your friends, that would be a huge help:</span></strong> <br /> <a href="https://twitter.com/share" class="twitter-share-button" data-via="twitterapi" data-lang="en" data-count="horizontal" data-url="http://www.cssfontstack.com">Tweet</a> <br /> <a href="//www.reddit.com/submit" onclick="window.location = '//www.reddit.com/submit?url=' + encodeURIComponent(window.location); return false"> <img src="//www.redditstatic.com/spreddit7.gif" alt="submit to reddit" border="0" /> </a> <p /> <br/> <strong>Or follow us to learn about our latest tools:</strong> <br /> <a href="https://twitter.com/danstools00" class="twitter-follow-button" data-show-count="false">Follow @danstools00</a> </div> <div class="modal-footer"> <div class="btn-group btn-group-justified" role="group" aria-label="group button"> <div class="btn-group" role="group"> <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> </div> </div> </div> </div> </div> </div> <script async src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script async src="/js/ads.js"></script> </body> </html>