{"id":2,"date":"2012-08-16T14:25:36","date_gmt":"2012-08-16T14:25:36","guid":{"rendered":"https:\/\/www.sporteventz.com\/blog\/2012\/08\/16\/typography\/"},"modified":"2012-08-16T14:25:36","modified_gmt":"2012-08-16T14:25:36","slug":"typography","status":"publish","type":"post","link":"https:\/\/www.sporteventz.com\/blog\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<p><!-- Typography ================================================== --> <\/p>\n<section id=\"typography\">\n<div class=\"page-header\">\nnt Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at <a href=\"http:\/\/fortawesome.github.com\/Font-Awesome\" target=\"_blank\" rel=\"noopener noreferrer\">Font Awesome &#8211; http:\/\/fortawesome.github.com\/Font-Awesome<\/a><\/p>\n<p>Add <code>.icon-CLASS_NAME<\/code> to any element, best used with a <code>&lt;span&gt;<\/code>.<\/p>\n<div class=\"gantry-example\">\n<h3>Web Icons<\/h3>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-adjust\"> icon-adjust<\/span><\/p>\n<p>       <span class=\"icon-asterisk\"> icon-asterisk<\/span><\/p>\n<p>       <span class=\"icon-ban-circle\"> icon-ban-circle<\/span><\/p>\n<p>       <span class=\"icon-bar-chart\"> icon-bar-chart<\/span><\/p>\n<p>       <span class=\"icon-barcode\"> icon-barcode<\/span><\/p>\n<p>       <span class=\"icon-beaker\"> icon-beaker<\/span><\/p>\n<p>       <span class=\"icon-beer\"> icon-beer<\/span><\/p>\n<p>       <span class=\"icon-bell\"> icon-bell<\/span><\/p>\n<p>       <span class=\"icon-bell-alt\"> icon-bell-alt<\/span><\/p>\n<p>       <span class=\"icon-bolt\"> icon-bolt<\/span><\/p>\n<p>       <span class=\"icon-book\"> icon-book<\/span><\/p>\n<p>       <span class=\"icon-bookmark\"> icon-bookmark<\/span><\/p>\n<p>       <span class=\"icon-bookmark-empty\"> icon-bookmark-empty<\/span><\/p>\n<p>       <span class=\"icon-briefcase\"> icon-briefcase<\/span><\/p>\n<p>       <span class=\"icon-bullhorn\"> icon-bullhorn<\/span><\/p>\n<p>       <span class=\"icon-calendar\"> icon-calendar<\/span><\/p>\n<p>       <span class=\"icon-camera\"> icon-camera<\/span><\/p>\n<p>       <span class=\"icon-camera-retro\"> icon-camera-retro<\/span><\/p>\n<p>       <span class=\"icon-certificate\"> icon-certificate<\/span><\/p>\n<p>       <span class=\"icon-check\"> icon-check<\/span><\/p>\n<p>       <span class=\"icon-check-empty\"> icon-check-empty<\/span><\/p>\n<p>       <span class=\"icon-circle\"> icon-circle<\/span><\/p>\n<p>       <span class=\"icon-circle-blank\"> icon-circle-blank<\/span><\/p>\n<p>       <span class=\"icon-cloud\"> icon-cloud<\/span><\/p>\n<p>       <span class=\"icon-cloud-download\"> icon-cloud-download<\/span><\/p>\n<p>       <span class=\"icon-cloud-upload\"> icon-cloud-upload<\/span><\/p>\n<p>       <span class=\"icon-coffee\"> icon-coffee<\/span><\/p>\n<p>       <span class=\"icon-cog\"> icon-cog<\/span><\/p>\n<p>       <span class=\"icon-cogs\"> icon-cogs<\/span><\/p>\n<p>       <span class=\"icon-comment\"> icon-comment<\/span><\/p>\n<p>       <span class=\"icon-comment-alt\"> icon-comment-alt<\/span><\/p>\n<p>       <span class=\"icon-comments\"> icon-comments<\/span><\/p>\n<p>       <span class=\"icon-comments-alt\"> icon-comments-alt<\/span><\/p>\n<p>       <span class=\"icon-credit-card\"> icon-credit-card<\/span><\/p>\n<p>       <span class=\"icon-dashboard\"> icon-dashboard<\/span><\/p>\n<p>       <span class=\"icon-desktop\"> icon-desktop<\/span><\/p>\n<p>       <span class=\"icon-download\"> icon-download<\/span><\/p>\n<p>       <span class=\"icon-download-alt\"> icon-download-alt<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\"> \t  <span class=\"icon-edit\"> icon-edit<\/span><\/p>\n<p>       <span class=\"icon-envelope\"> icon-envelope<\/span><\/p>\n<p>       <span class=\"icon-envelope-alt\"> icon-envelope-alt<\/span><\/p>\n<p>       <span class=\"icon-exchange\"> icon-exchange<\/span><\/p>\n<p>       <span class=\"icon-exclamation-sign\"> icon-exclamation-sign<\/span><\/p>\n<p>       <span class=\"icon-external-link\"> icon-external-link<\/span><\/p>\n<p>       <span class=\"icon-eye-close\"> icon-eye-close<\/span><\/p>\n<p>       <span class=\"icon-eye-open\"> icon-eye-open<\/span><\/p>\n<p>       <span class=\"icon-facetime-video\"> icon-facetime-video<\/span><\/p>\n<p>       <span class=\"icon-fighter-jet\"> icon-fighter-jet<\/span><\/p>\n<p>       <span class=\"icon-film\"> icon-film<\/span><\/p>\n<p>       <span class=\"icon-filter\"> icon-filter<\/span><\/p>\n<p>       <span class=\"icon-fire\"> icon-fire<\/span><\/p>\n<p>       <span class=\"icon-flag\"> icon-flag<\/span><\/p>\n<p>       <span class=\"icon-folder-close\"> icon-folder-close<\/span><\/p>\n<p>       <span class=\"icon-folder-open\"> icon-folder-open<\/span><\/p>\n<p>       <span class=\"icon-folder-close-alt\"> icon-folder-close-alt<\/span><\/p>\n<p>       <span class=\"icon-folder-open-alt\"> icon-folder-open-alt<\/span><\/p>\n<p>       <span class=\"icon-food\"> icon-food<\/span><\/p>\n<p>       <span class=\"icon-gift\"> icon-gift<\/span><\/p>\n<p>       <span class=\"icon-glass\"> icon-glass<\/span><\/p>\n<p>       <span class=\"icon-globe\"> icon-globe<\/span><\/p>\n<p>       <span class=\"icon-group\"> icon-group<\/span><\/p>\n<p>       <span class=\"icon-hdd\"> icon-hdd<\/span><\/p>\n<p>       <span class=\"icon-headphones\"> icon-headphones<\/span><\/p>\n<p>       <span class=\"icon-heart\"> icon-heart<\/span><\/p>\n<p>       <span class=\"icon-heart-empty\"> icon-heart-empty<\/span><\/p>\n<p>       <span class=\"icon-home\"> icon-home<\/span><\/p>\n<p>       <span class=\"icon-inbox\"> icon-inbox<\/span><\/p>\n<p>       <span class=\"icon-info-sign\"> icon-info-sign<\/span><\/p>\n<p>       <span class=\"icon-key\"> icon-key<\/span><\/p>\n<p>       <span class=\"icon-leaf\"> icon-leaf<\/span><\/p>\n<p>       <span class=\"icon-laptop\"> icon-laptop<\/span><\/p>\n<p>       <span class=\"icon-legal\"> icon-legal<\/span><\/p>\n<p>       <span class=\"icon-lemon\"> icon-lemon<\/span><\/p>\n<p>       <span class=\"icon-lightbulb\"> icon-lightbulb<\/span><\/p>\n<p>       <span class=\"icon-lock\"> icon-lock<\/span><\/p>\n<p>       <span class=\"icon-unlock\"> icon-unlock<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-magic\"> icon-magic<\/span><\/p>\n<p>       <span class=\"icon-magnet\"> icon-magnet<\/span><\/p>\n<p>       <span class=\"icon-map-marker\"> icon-map-marker<\/span><\/p>\n<p>       <span class=\"icon-minus\"> icon-minus<\/span><\/p>\n<p>       <span class=\"icon-minus-sign\"> icon-minus-sign<\/span><\/p>\n<p>       <span class=\"icon-mobile-phone\"> icon-mobile-phone<\/span><\/p>\n<p>       <span class=\"icon-money\"> icon-money<\/span><\/p>\n<p>       <span class=\"icon-move\"> icon-move<\/span><\/p>\n<p>       <span class=\"icon-music\"> icon-music<\/span><\/p>\n<p>       <span class=\"icon-off\"> icon-off<\/span><\/p>\n<p>       <span class=\"icon-ok\"> icon-ok<\/span><\/p>\n<p>       <span class=\"icon-ok-circle\"> icon-ok-circle<\/span><\/p>\n<p>       <span class=\"icon-ok-sign\"> icon-ok-sign<\/span><\/p>\n<p>       <span class=\"icon-pencil\"> icon-pencil<\/span><\/p>\n<p>       <span class=\"icon-picture\"> icon-picture<\/span><\/p>\n<p>       <span class=\"icon-plane\"> icon-plane<\/span><\/p>\n<p>       <span class=\"icon-plus\"> icon-plus<\/span><\/p>\n<p>       <span class=\"icon-plus-sign\"> icon-plus-sign<\/span><\/p>\n<p>       <span class=\"icon-print\"> icon-print<\/span><\/p>\n<p>       <span class=\"icon-pushpin\"> icon-pushpin<\/span><\/p>\n<p>       <span class=\"icon-qrcode\"> icon-qrcode<\/span><\/p>\n<p>       <span class=\"icon-question-sign\"> icon-question-sign<\/span><\/p>\n<p>       <span class=\"icon-quote-left\"> icon-quote-left<\/span><\/p>\n<p>       <span class=\"icon-quote-right\"> icon-quote-right<\/span><\/p>\n<p>       <span class=\"icon-random\"> icon-random<\/span><\/p>\n<p>       <span class=\"icon-refresh\"> icon-refresh<\/span><\/p>\n<p>       <span class=\"icon-remove\"> icon-remove<\/span><\/p>\n<p>       <span class=\"icon-remove-circle\"> icon-remove-circle<\/span><\/p>\n<p>       <span class=\"icon-remove-sign\"> icon-remove-sign<\/span><\/p>\n<p>       <span class=\"icon-reorder\"> icon-reorder<\/span><\/p>\n<p>       <span class=\"icon-reply\"> icon-reply<\/span><\/p>\n<p>       <span class=\"icon-resize-horizontal\"> icon-resize-horizontal<\/span><\/p>\n<p>       <span class=\"icon-resize-vertical\"> icon-resize-vertical<\/span><\/p>\n<p>       <span class=\"icon-retweet\"> icon-retweet<\/span><\/p>\n<p>       <span class=\"icon-road\"> icon-road<\/span><\/p>\n<p>       <span class=\"icon-rss\"> icon-rss<\/span><\/p>\n<p>       <span class=\"icon-screenshot\"> icon-screenshot<\/span><\/p>\n<p>       <span class=\"icon-search\"> icon-search<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-share\"> icon-share<\/span><\/p>\n<p>       <span class=\"icon-share-alt\"> icon-share-alt<\/span><\/p>\n<p>       <span class=\"icon-shopping-cart\"> icon-shopping-cart<\/span><\/p>\n<p>       <span class=\"icon-signal\"> icon-signal<\/span><\/p>\n<p>       <span class=\"icon-signin\"> icon-signin<\/span><\/p>\n<p>       <span class=\"icon-signout\"> icon-signout<\/span><\/p>\n<p>       <span class=\"icon-sitemap\"> icon-sitemap<\/span><\/p>\n<p>       <span class=\"icon-sort\"> icon-sort<\/span><\/p>\n<p>       <span class=\"icon-sort-down\"> icon-sort-down<\/span><\/p>\n<p>       <span class=\"icon-sort-up\"> icon-sort-up<\/span><\/p>\n<p>       <span class=\"icon-spinner\"> icon-spinner<\/span><\/p>\n<p>       <span class=\"icon-star\"> icon-star<\/span><\/p>\n<p>       <span class=\"icon-star-empty\"> icon-star-empty<\/span><\/p>\n<p>       <span class=\"icon-star-half\"> icon-star-half<\/span><\/p>\n<p>       <span class=\"icon-tablet\"> icon-tablet<\/span><\/p>\n<p>       <span class=\"icon-tag\"> icon-tag<\/span><\/p>\n<p>       <span class=\"icon-tags\"> icon-tags<\/span><\/p>\n<p>       <span class=\"icon-tasks\"> icon-tasks<\/span><\/p>\n<p>       <span class=\"icon-thumbs-down\"> icon-thumbs-down<\/span><\/p>\n<p>       <span class=\"icon-thumbs-up\"> icon-thumbs-up<\/span><\/p>\n<p>       <span class=\"icon-time\"> icon-time<\/span><\/p>\n<p>       <span class=\"icon-tint\"> icon-tint<\/span><\/p>\n<p>       <span class=\"icon-trash\"> icon-trash<\/span><\/p>\n<p>       <span class=\"icon-trophy\"> icon-trophy<\/span><\/p>\n<p>       <span class=\"icon-truck\"> icon-truck<\/span><\/p>\n<p>       <span class=\"icon-umbrella\"> icon-umbrella<\/span><\/p>\n<p>       <span class=\"icon-upload\"> icon-upload<\/span><\/p>\n<p>       <span class=\"icon-upload-alt\"> icon-upload-alt<\/span><\/p>\n<p>       <span class=\"icon-user\"> icon-user<\/span><\/p>\n<p>       <span class=\"icon-user-md\"> icon-user-md<\/span><\/p>\n<p>       <span class=\"icon-volume-off\"> icon-volume-off<\/span><\/p>\n<p>       <span class=\"icon-volume-down\"> icon-volume-down<\/span><\/p>\n<p>       <span class=\"icon-volume-up\"> icon-volume-up<\/span><\/p>\n<p>       <span class=\"icon-warning-sign\"> icon-warning-sign<\/span><\/p>\n<p>       <span class=\"icon-wrench\"> icon-wrench<\/span><\/p>\n<p>       <span class=\"icon-zoom-in\"> icon-zoom-in<\/span><\/p>\n<p>       <span class=\"icon-zoom-out\"> icon-zoom-out<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<div>\n<h3>Text Editor Icons<\/h3>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-file\"> icon-file<\/span><\/p>\n<p>       <span class=\"icon-file-alt\"> icon-file-alt<\/span><\/p>\n<p>       <span class=\"icon-cut\"> icon-cut<\/span><\/p>\n<p>       <span class=\"icon-copy\"> icon-copy<\/span><\/p>\n<p>       <span class=\"icon-paste\"> icon-paste<\/span><\/p>\n<p>       <span class=\"icon-save\"> icon-save<\/span><\/p>\n<p>       <span class=\"icon-undo\"> icon-undo<\/span><\/p>\n<p>       <span class=\"icon-repeat\"> icon-repeat<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-text-height\"> icon-text-height<\/span><\/p>\n<p>       <span class=\"icon-text-width\"> icon-text-width<\/span><\/p>\n<p>       <span class=\"icon-align-left\"> icon-align-left<\/span><\/p>\n<p>       <span class=\"icon-align-center\"> icon-align-center<\/span><\/p>\n<p>       <span class=\"icon-align-right\"> icon-align-right<\/span><\/p>\n<p>       <span class=\"icon-align-justify\"> icon-align-justify<\/span><\/p>\n<p>       <span class=\"icon-indent-left\"> icon-indent-left<\/span><\/p>\n<p>       <span class=\"icon-indent-right\"> icon-indent-right<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-font\"> icon-font<\/span><\/p>\n<p>       <span class=\"icon-bold\"> icon-bold<\/span><\/p>\n<p>       <span class=\"icon-italic\"> icon-italic<\/span><\/p>\n<p>       <span class=\"icon-strikethrough\"> icon-strikethrough<\/span><\/p>\n<p>       <span class=\"icon-underline\"> icon-underline<\/span><\/p>\n<p>       <span class=\"icon-link\"> icon-link<\/span><\/p>\n<p>       <span class=\"icon-paper-clip\"> icon-paper-clip<\/span><\/p>\n<p>       <span class=\"icon-columns\"> icon-columns<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-table\"> icon-table<\/span><\/p>\n<p>       <span class=\"icon-th-large\"> icon-th-large<\/span><\/p>\n<p>       <span class=\"icon-th\"> icon-th<\/span><\/p>\n<p>       <span class=\"icon-th-list\"> icon-th-list<\/span><\/p>\n<p>       <span class=\"icon-list\"> icon-list<\/span><\/p>\n<p>       <span class=\"icon-list-ol\"> icon-list-ol<\/span><\/p>\n<p>       <span class=\"icon-list-ul\"> icon-list-ul<\/span><\/p>\n<p>       <span class=\"icon-list-alt\"> icon-list-alt<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<div>\n<h3>Directional Icons<\/h3>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-angle-left\"> icon-angle-left<\/span><\/p>\n<p>       <span class=\"icon-angle-right\"> icon-angle-right<\/span><\/p>\n<p>       <span class=\"icon-angle-up\"> icon-angle-up<\/span><\/p>\n<p>       <span class=\"icon-angle-down\"> icon-angle-down<\/span><\/p>\n<p>       <span class=\"icon-arrow-down\"> icon-arrow-down<\/span><\/p>\n<p>       <span class=\"icon-arrow-left\"> icon-arrow-left<\/span><\/p>\n<p>       <span class=\"icon-arrow-right\"> icon-arrow-right<\/span><\/p>\n<p>       <span class=\"icon-arrow-up\"> icon-arrow-up<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-caret-down\"> icon-caret-down<\/span><\/p>\n<p>       <span class=\"icon-caret-left\"> icon-caret-left<\/span><\/p>\n<p>       <span class=\"icon-caret-right\"> icon-caret-right<\/span><\/p>\n<p>       <span class=\"icon-caret-up\"> icon-caret-up<\/span><\/p>\n<p>       <span class=\"icon-chevron-down\"> icon-chevron-down<\/span><\/p>\n<p>       <span class=\"icon-chevron-left\"> icon-chevron-left<\/span><\/p>\n<p>       <span class=\"icon-chevron-right\"> icon-chevron-right<\/span><\/p>\n<p>       <span class=\"icon-chevron-up\"> icon-chevron-up<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-circle-arrow-down\"> icon-circle-arrow-down<\/span><\/p>\n<p>       <span class=\"icon-circle-arrow-left\"> icon-circle-arrow-left<\/span><\/p>\n<p>       <span class=\"icon-circle-arrow-right\"> icon-circle-arrow-right<\/span><\/p>\n<p>       <span class=\"icon-circle-arrow-up\"> icon-circle-arrow-up<\/span><\/p>\n<p>       <span class=\"icon-double-angle-left\"> icon-double-angle-left<\/span><\/p>\n<p>       <span class=\"icon-double-angle-right\"> icon-double-angle-right<\/span><\/p>\n<p>       <span class=\"icon-double-angle-up\"> icon-double-angle-up<\/span><\/p>\n<p>       <span class=\"icon-double-angle-down\"> icon-double-angle-down<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-hand-down\"> icon-hand-down<\/span><\/p>\n<p>       <span class=\"icon-hand-left\"> icon-hand-left<\/span><\/p>\n<p>       <span class=\"icon-hand-right\"> icon-hand-right<\/span><\/p>\n<p>       <span class=\"icon-hand-up\"> icon-hand-up<\/span><\/p>\n<p>       <span class=\"icon-circle\"> icon-circle<\/span><\/p>\n<p>       <span class=\"icon-circle-blank\"> icon-circle-blank<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<div>\n<h3>Video Player Icons<\/h3>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-play-circle\"> icon-play-circle<\/span><\/p>\n<p>       <span class=\"icon-play\"> icon-play<\/span><\/p>\n<p>       <span class=\"icon-pause\"> icon-pause<\/span><\/p>\n<p>       <span class=\"icon-stop\"> icon-stop<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-step-backward\"> icon-step-backward<\/span><\/p>\n<p>       <span class=\"icon-fast-backward\"> icon-fast-backward<\/span><\/p>\n<p>       <span class=\"icon-backward\"> icon-backward<\/span><\/p>\n<p>       <span class=\"icon-forward\"> icon-forward<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-fast-forward\"> icon-fast-forward<\/span><\/p>\n<p>       <span class=\"icon-step-forward\"> icon-step-forward<\/span><\/p>\n<p>       <span class=\"icon-eject\"> icon-eject<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-fullscreen\"> icon-fullscreen<\/span><\/p>\n<p>       <span class=\"icon-resize-full\"> icon-resize-full<\/span><\/p>\n<p>       <span class=\"icon-resize-small\"> icon-resize-small<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<div>\n<h3>Social Icons<\/h3>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-phone\"> icon-phone<\/span><\/p>\n<p>       <span class=\"icon-phone-sign\"> icon-phone-sign<\/span><\/p>\n<p>       <span class=\"icon-facebook\"> icon-facebook<\/span><\/p>\n<p>       <span class=\"icon-facebook-sign\"> icon-facebook-sign<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-twitter\"> icon-twitter<\/span><\/p>\n<p>       <span class=\"icon-twitter-sign\"> icon-twitter-sign<\/span><\/p>\n<p>       <span class=\"icon-github\"> icon-github<\/span><\/p>\n<p>       <span class=\"icon-github-alt\"> icon-github-alt<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-github-sign\"> icon-github-sign<\/span><\/p>\n<p>       <span class=\"icon-linkedin\"> icon-linkedin<\/span><\/p>\n<p>       <span class=\"icon-linkedin-sign\"> icon-linkedin-sign<\/span><\/p>\n<p>       <span class=\"icon-pinterest\"> icon-pinterest<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-pinterest-sign\"> icon-pinterest-sign<\/span><\/p>\n<p>       <span class=\"icon-google-plus\"> icon-google-plus<\/span><\/p>\n<p>       <span class=\"icon-google-plus-sign\"> icon-google-plus-sign<\/span><\/p>\n<p>       <span class=\"icon-sign-blank\"> icon-sign-blank<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<div>\n<h3>Medical Icons<\/h3>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\"> \t  <span class=\"icon-ambulance\"> icon-ambulance<\/span><\/p>\n<p>       <span class=\"icon-beaker\"> icon-beaker<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-h-sign\"> icon-h-sign<\/span><\/p>\n<p>       <span class=\"icon-hospital\"> icon-hospital<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-medkit\"> icon-medkit<\/span><\/p>\n<p>       <span class=\"icon-plus-sign-alt\"> icon-plus-sign-alt<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"gantry-width-25 gantry-width-block\">\n<div class=\"gantry-width-spacer\">       <span class=\"icon-stethoscope\"> icon-stethoscope<\/span><\/p>\n<p>       <span class=\"icon-user-md\"> icon-user-md<\/span><\/p><\/div>\n<\/p><\/div>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<pre class=\"prettyprint linenums\">&lt;span class=\"icon-CLASS_NAME\"&gt;   ... &lt;\/span&gt; &lt;span class=\"icon-download\"&gt;   ... &lt;\/span&gt;<\/pre>\n<div class=\"clear\"><\/div>\n<p>  <!-- Notice ================================================== --> <\/p>\n<p><em>The documented typography above is a modified version of the reference guide available at: <a href=\"http:\/\/twitter.github.com\/bootstrap\/base-css.html\">http:\/\/twitter.github.com\/bootstrap\/base-css.html<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>nt Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome &#8211; http:\/\/fortawesome.github.com\/Font-Awesome Add .icon-CLASS_NAME to any element, best used with a &lt;span&gt;. Web Icons icon-adjust icon-asterisk icon-ban-circle icon-bar-chart icon-barcode icon-beaker icon-beer icon-bell icon-bell-alt icon-bolt icon-book icon-bookmark icon-bookmark-empty icon-briefcase icon-bullhorn icon-calendar icon-camera icon-camera-retro icon-certificate icon-check icon-check-empty icon-circle icon-circle-blank icon-cloud icon-cloud-download icon-cloud-upload icon-coffee icon-cog icon-cogs icon-comment icon-comment-alt icon-comments icon-comments-alt icon-credit-card icon-dashboard icon-desktop icon-download icon-download-alt icon-edit icon-envelope icon-envelope-alt icon-exchange icon-exclamation-sign icon-external-link icon-eye-close icon-eye-open icon-facetime-video icon-fighter-jet icon-film icon-filter icon-fire icon-flag icon-folder-close icon-folder-open icon-folder-close-alt icon-folder-open-alt icon-food icon-gift icon-glass icon-globe icon-group &#8230; <a href=\"https:\/\/www.sporteventz.com\/blog\/typography\/\" class=\"more-link text-uppercase small\"><strong>Continue Reading<\/strong> <i class=\"fa fa-angle-double-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_generate-full-width-content":""},"categories":[4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Typography - SPORTEVENTZ<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sporteventz.com\/blog\/typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typography - SPORTEVENTZ\" \/>\n<meta property=\"og:description\" content=\"nt Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome &#8211; http:\/\/fortawesome.github.com\/Font-Awesome Add .icon-CLASS_NAME to any element, best used with a &lt;span&gt;. Web Icons icon-adjust icon-asterisk icon-ban-circle icon-bar-chart icon-barcode icon-beaker icon-beer icon-bell icon-bell-alt icon-bolt icon-book icon-bookmark icon-bookmark-empty icon-briefcase icon-bullhorn icon-calendar icon-camera icon-camera-retro icon-certificate icon-check icon-check-empty icon-circle icon-circle-blank icon-cloud icon-cloud-download icon-cloud-upload icon-coffee icon-cog icon-cogs icon-comment icon-comment-alt icon-comments icon-comments-alt icon-credit-card icon-dashboard icon-desktop icon-download icon-download-alt icon-edit icon-envelope icon-envelope-alt icon-exchange icon-exclamation-sign icon-external-link icon-eye-close icon-eye-open icon-facetime-video icon-fighter-jet icon-film icon-filter icon-fire icon-flag icon-folder-close icon-folder-open icon-folder-close-alt icon-folder-open-alt icon-food icon-gift icon-glass icon-globe icon-group ... Continue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sporteventz.com\/blog\/typography\/\" \/>\n<meta property=\"og:site_name\" content=\"SPORTEVENTZ\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-16T14:25:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ib\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sporteventz.com\/blog\/#website\",\"url\":\"https:\/\/www.sporteventz.com\/blog\/\",\"name\":\"SPORTEVENTZ\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sporteventz.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sporteventz.com\/blog\/typography\/#webpage\",\"url\":\"https:\/\/www.sporteventz.com\/blog\/typography\/\",\"name\":\"Typography - SPORTEVENTZ\",\"isPartOf\":{\"@id\":\"https:\/\/www.sporteventz.com\/blog\/#website\"},\"datePublished\":\"2012-08-16T14:25:36+00:00\",\"dateModified\":\"2012-08-16T14:25:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.sporteventz.com\/blog\/#\/schema\/person\/28e6e49bc9b6a822dd82be6047ec1e20\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.sporteventz.com\/blog\/typography\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sporteventz.com\/blog\/typography\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.sporteventz.com\/blog\/typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.sporteventz.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typography\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sporteventz.com\/blog\/#\/schema\/person\/28e6e49bc9b6a822dd82be6047ec1e20\",\"name\":\"ib\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.sporteventz.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/14a6b13128a8030cd43bc093cb8e9ba0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/14a6b13128a8030cd43bc093cb8e9ba0?s=96&d=mm&r=g\",\"caption\":\"ib\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typography - SPORTEVENTZ","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.sporteventz.com\/blog\/typography\/","og_locale":"en_US","og_type":"article","og_title":"Typography - SPORTEVENTZ","og_description":"nt Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0 and you can find the full examples of usage at Font Awesome &#8211; http:\/\/fortawesome.github.com\/Font-Awesome Add .icon-CLASS_NAME to any element, best used with a &lt;span&gt;. Web Icons icon-adjust icon-asterisk icon-ban-circle icon-bar-chart icon-barcode icon-beaker icon-beer icon-bell icon-bell-alt icon-bolt icon-book icon-bookmark icon-bookmark-empty icon-briefcase icon-bullhorn icon-calendar icon-camera icon-camera-retro icon-certificate icon-check icon-check-empty icon-circle icon-circle-blank icon-cloud icon-cloud-download icon-cloud-upload icon-coffee icon-cog icon-cogs icon-comment icon-comment-alt icon-comments icon-comments-alt icon-credit-card icon-dashboard icon-desktop icon-download icon-download-alt icon-edit icon-envelope icon-envelope-alt icon-exchange icon-exclamation-sign icon-external-link icon-eye-close icon-eye-open icon-facetime-video icon-fighter-jet icon-film icon-filter icon-fire icon-flag icon-folder-close icon-folder-open icon-folder-close-alt icon-folder-open-alt icon-food icon-gift icon-glass icon-globe icon-group ... Continue Reading","og_url":"https:\/\/www.sporteventz.com\/blog\/typography\/","og_site_name":"SPORTEVENTZ","article_published_time":"2012-08-16T14:25:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ib","Est. reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.sporteventz.com\/blog\/#website","url":"https:\/\/www.sporteventz.com\/blog\/","name":"SPORTEVENTZ","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sporteventz.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.sporteventz.com\/blog\/typography\/#webpage","url":"https:\/\/www.sporteventz.com\/blog\/typography\/","name":"Typography - SPORTEVENTZ","isPartOf":{"@id":"https:\/\/www.sporteventz.com\/blog\/#website"},"datePublished":"2012-08-16T14:25:36+00:00","dateModified":"2012-08-16T14:25:36+00:00","author":{"@id":"https:\/\/www.sporteventz.com\/blog\/#\/schema\/person\/28e6e49bc9b6a822dd82be6047ec1e20"},"breadcrumb":{"@id":"https:\/\/www.sporteventz.com\/blog\/typography\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sporteventz.com\/blog\/typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.sporteventz.com\/blog\/typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sporteventz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Typography"}]},{"@type":"Person","@id":"https:\/\/www.sporteventz.com\/blog\/#\/schema\/person\/28e6e49bc9b6a822dd82be6047ec1e20","name":"ib","image":{"@type":"ImageObject","@id":"https:\/\/www.sporteventz.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/14a6b13128a8030cd43bc093cb8e9ba0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14a6b13128a8030cd43bc093cb8e9ba0?s=96&d=mm&r=g","caption":"ib"}}]}},"_links":{"self":[{"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/posts\/2"}],"collection":[{"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":0,"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/posts\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/media?parent=2"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/categories?post=2"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sporteventz.com\/blog\/wp-json\/wp\/v2\/tags?post=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}