Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
311 lines (270 sloc) 10.9 KB
<!doctype html> <!-- ___ _ \ / ) ========= ___/ \ / \___ / /\ \ ] / /\ \( q-----( ) ( o ) \___/ [ \___/ _|_ / \ |\ \ | \ \ \ \ \ \ \ \ \ \ $ \ \ \ o \ \ \ k \ \ \ f \ |\ \ o \ | \ \ c \ | |\ \ u \ | | \ \ s \ \ |_|\ \ $ \ \ | \ \ \ \ | \ \ \ \| \ \ _\ | \ \/ \ | \ | | | |\|__| | | | | | | | | | | | | \ | | \ | | \ | | \ | | \|__| HEY BICYCLE MADE 0UT 0F TEXT, D0NT FUCK WITH 0KF0CUS! --> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"/> <head> <title>OKFocus Pixel Comic Sans</title> <base href="http://okfoc.us/" /> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="keywords" content="okfocus,ok focus,jonathan vingiano,ryder ripps,digital agency,internet thugs,okfocus.com"/> <meta name="description" content="OKFocus makes awesome stuff for the internet." /> <meta name="author" content="OKFocus" /> <link rel="shortcut icon" href="http://okfoc.us/assets/images/favicon.ico"/> <!-- facebook stuffs --> <meta property="og:title" content="OKFocus"/> <meta property="og:type" content="website"/> <meta property="og:image" content="http://okfoc.us/assets/images/ok_icon.png" /> <link rel="image_src" href="http://okfoc.us/assets/images/ok_icon.png"/> <meta property="og:url" content="http://okfoc.us"/> <meta property="og:site_name" content="OKFocus - Pixel Comic Sans." /> <link href="assets/stylesheets/normalize.css" type="text/css" rel="stylesheet" media="screen, projection" /> <style type="text/css" media="screen, print"> @font-face { font-family: 'PixelComicSans-Regular'; src: url('assets/fonts/PixelComicSans-Regular.eot'); } @font-face { font-family: 'PixelComicSans-Regular'; src: url('assets/fonts/PixelComicSans-Regular.woff') format('woff'), url('assets/fonts/PixelComicSans-Regular.svg#PixelComicSans-Regular') format('svg'); } h1 { font-family: "PixelComicSans-Regular", serif } h2 { font-family: "PixelComicSans-Regular", serif } h3 { font-family: "PixelComicSans-Regular", serif } h4 { font-family: "PixelComicSans-Regular", serif } h5 { font-family: "PixelComicSans-Regular", serif } h6 { font-family: "PixelComicSans-Regular", serif } body { font-family: "Helvetica", serif } body { margin: 20px; background: url('assets/images/photocopy.png'); background-attachment:fixed; background-position:top center; font-family: sans-serif; font-size: 15px; line-height: 22px; color: #333; } #container { width: 600px; margin: 0 auto; } ul#sidebar { display: inline-block; margin: 15px 10px 0 0; padding: 0; vertical-align: top; width: 120px; } ul#sidebar li { list-style-type: none; } a { color #00f; } table { margin-top: -10px; } th { text-align: left; vertical-align: top; font-weight: normal; padding-right: 10px; color: #000; font-style: italic; } td { vertical-align: top; padding-left: 0; padding-right: 10px; color: #555; } td b { color: #444; } #example1 { display: inline-block; height: 40px; width: 40px; background-color: #ddd; margin: 0 20px; z-index: -1; } #example2 { display: inline-block; width: 300px; } #example3 { display: inline-block; } #example3 a:hover { color: red !important; text-shadow: none !important; } #content { display: inline-block; width: 600px; vertical-align: top; } pre { border: 1px solid #ddd; background: rgb(238,238,238); background: rgba(238,238,238,0.5); font-size: 12px; line-height: 15px; padding: 5px 0 5px 10px; width: 250px; display: inline-block; margin-right: 10px; } pre#license { width: auto; margin: 0; padding: 10px; } pre#methods { width: auto; padding: 10px; } pre a { color: #00f; } p { width: 100%; } header img {padding-bottom:15px;margin-top:10px;max-width:200px;height:33px;} </style><script> var _sf_startpt=(new Date()).getTime(); // chartbeat var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-25748597-1']); _gaq.push(['_setDomainName', 'okfoc.us']); _gaq.push(['_setAllowHash', false]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script></head><body><div id="container"> <div id="header"> <a href="http://okfoc.us"><header> <!-- img loaded with js --> </header></a> <hr> <script> (function() { // cachebusting or whatever,, var d = new Date(), logo = document.createElement('img'), header = document.getElementsByTagName('header')[0], nav = document.getElementsByTagName('nav')[0]; logo.src = 'http://okfoc.us/assets/images/logo.gif?ok=' + d.getTime(); header.insertBefore(logo,nav); })(); </script></div> <ul id="sidebar"> </ul> <h2 style="font-size:40px;">Pixel Comic Sans by OKFocus</h2> <p> Pixel Comic Sans is quite possibly the greatest font ever developed. OKFocus arduously used three programs in the creation of Pixel Comic Sans. First we started in Adobe Photoshop with Comic Sans MS at 18pt, rasterized it, then brought it into Adobe Illustrator, made it into a vector and finally brought that vector into Fontographer. We thought a lot about kerning and scale, the result is an exquisite Open Type Font that you can use for all your fantastic computer based projects. Enjoy! </p> <p>This is an example of the "PixelComicSans-Regular" web font file. <h1>PixelComicSans-Regular</h1> <h2>PixelComicSans-Regular</h2> <h3>PixelComicSans-Regular</h3> <h4>PixelComicSans-Regular</h4> <h5>PixelComicSans-Regular</h5> <h6>PixelComicSans-Regular</h6> <p><strong>Note: Web Fonts may not work with all web browsers.</strong><br> Please check your web browser documentation for Web Font support. <h3><a href="https://github.com/okfocus/pixelcomicsans/zipball/master">Download Pixel Comic Sans now!</a> <br><br><a href="https://twitter.com/okfocus" class="twitter-follow-button">Follow @okfocus</a> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <iframe src="//www.facebook.com/plugins/like.php?app_id=220585137996235&amp;href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FOKFocus%2F126395247420599&amp;send=false&amp;layout=button_count&amp;width=50&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:20px; clear:both;background:transparent;" ></iframe> </h3> <h3>License</h3> <pre id="license">Copyright © 2011 OKFocus, <a href="http://okfoc.us">http://okfoc.us</a>Permission is hereby granted, free of charge, to any person obtaininga copy of this software and associated documentation files (the“Software”), to deal in the Software without restriction, includingwithout limitation the rights to use, copy, modify, merge, publish,distribute, sublicense, and/or sell copies of the Software, and topermit persons to whom the Software is furnished to do so, subject tothe following conditions:The above copyright notice and this permission notice shall beincluded in all copies or substantial portions of the Software.THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND,EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OFMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE ANDNON-INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BELIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTIONOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTIONWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br><img src="assets/images/PIXELCOMICSANS.png"style="padding:10px"><img src="http://okfoc.us/okhover/img/OSI-Approved-License.png"style="padding:10px;"></pre> </pre></div> <script type="text/javascript"> var _sf_async_config={uid:25485,domain:"okfoc.us"}; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") + "js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); </script></body></html>