You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Menlo Regular Font - OnlineWebFonts.COM</title> <style type="text/css"> @font-face {font-family: "Menlo Regular"; src: url("9f94dc20bb2a09c15241d3a880b7ad01.eot"); /* IE9*/ src: url("9f94dc20bb2a09c15241d3a880b7ad01.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */ url("9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff"), /* chrome、firefox */ url("9f94dc20bb2a09c15241d3a880b7ad01.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("9f94dc20bb2a09c15241d3a880b7ad01.svg#Menlo Regular") format("svg"); /* iOS 4.1- */ } *{margin:0;padding:0;list-style:none;}pre{border:solid 1px #e7e1cd;background-color:#fffdef;overflow:auto;font-size:12px;line-height:14px;margin-top:10px;margin-right:0;margin-bottom:10px;margin-left:0;padding-top:5px;padding-right:10px;padding-bottom:5px;padding-left:10px;}.demo pre{color:#000;line-height: 1.2em;font-family:"Menlo Regular"!important;font-size:22px;background-color:#FFF;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}body{font-family:sans-serif;line-height:1.5;font-size:16px;padding:20px;color:#333;}:hover,:before,:after{-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-ms-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}a{color:#66A523;}h1.logo{font-size:40px;letter-spacing:-1px;margin-top:-16px;}h1.logo strong{font-size:16px;font-family:sans-serif;color:#333;}h1.logo a{color:#34302d;text-decoration:none;}h1.logo a span{color:#66A523;}h1.logo a small{color:#006699;}.info{float:left;font-size:14px;margin-top:15px;}.info ul{margin-left:0px;color:#111;margin-bottom:20px;}.info .exs{font-size:12px;color:#666;margin-left:35px;display:block;}.info ul li{margin-top:10px;list-style:none;}.info .numno{color:#fff;border-radius:20px;padding:1px;display:inline-block;width:22px;height:22px;text-align:center;margin-right:10px;background-color:#999999;}.info ul strong{font-weight:normal;color:#000;}.info .inst{font-size:22px;margin-bottom:10px;}.demo{float:left;width:100%;height:auto;border-top-width:1px;border-top-style:solid;border-top-color:#bbb;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#bbb;padding-bottom:10px;}.demo .demo_svg{float:left;height:auto;width:100px;margin-right:5px;margin-left:5px;margin-bottom:10px;}.demo .demo_svg i{float:left;height:80px;width:80px;text-align:center;font-size:40px;margin-left:10px;line-height:80px;color:#777;}.demo .demo_svg .code{float:left;height:20px;width:100%;overflow:hidden;text-align:center;line-height:20px;font-size:11px;color:#666;}.demo .demo_svg .txt{float:left;height:20px;width:100%;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;line-height:20px;}.demo .demo_svg:hover i{font-size:60px;color:#333;}.by{padding-top:15px;float:left;width:100%;margin-top:10px;margin-right:0;margin-bottom:10px;margin-left:0;}.by{margin-bottom:10px;font-size:20px;}.by .attr{font-size:14px;color:#333;padding-top:10px;padding-bottom:10px;}textarea{width:80%;height:auto;border:1px solid #CCC;resize:none;background:#EEE;padding:20px;float:left;margin-top:10px;line-height:30px;}#footer{float:left;width:100%;margin-top:10px;padding-bottom:20px;}h2{background-color:#000;padding-top:10px;padding-bottom:10px;padding-left:10px;color:#FFF;} </style> </head> <body> <h1 class="logo"> <a href="http://www.onlinewebfonts.com/"> <span>Online</span><small>Web</small>Fonts</a> <strong>Font Demo</strong></h1> <h2> Menlo Regular Font <a style="font-size:14px;" href="http://www.onlinewebfonts.com/download/9f94dc20bb2a09c15241d3a880b7ad01" target="_blank">More Format Downloads</a></h2> <div class="info"> <div class="inst">Instructions:</div> <ul> <li> <p> <span class="numno">1</span>Use font-face declaration Fonts.<br /> <span class="exs"> <pre> @font-face {font-family: "Menlo Regular"; src: url("9f94dc20bb2a09c15241d3a880b7ad01.eot"); /* IE9*/ src: url("9f94dc20bb2a09c15241d3a880b7ad01.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */ url("9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff"), /* chrome、firefox */ url("9f94dc20bb2a09c15241d3a880b7ad01.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("9f94dc20bb2a09c15241d3a880b7ad01.svg#Menlo Regular") format("svg"); /* iOS 4.1- */ } </pre> </span> </li> <li> <p> <span class="numno">2</span>Settings font css style <br /> <span class="exs"> <pre> .demo{ font-family:"Menlo Regular" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;} </pre> </span> </li> <li> <p> <span class="numno">3</span>View DEMO <br /> <span class="exs"><pre> <div class="demo"> www.OnlineWebFonts.Com </div> </pre></span> </li> <li> <p> <span class="numno">OR</span>Or add to the head section of page. <br /> <span class="exs"><pre> <link href="//db.onlinewebfonts.com/c/9f94dc20bb2a09c15241d3a880b7ad01?family=Menlo+Regular" rel="stylesheet" type="text/css"/> </pre></span> </li> </ul> </div> <div class="demo"> <pre>
OnlineWebFonts.Com features an amazing collection of free fonts, premium fonts and free dingbats. With over 8,000,000 freeware fonts, you've come to the best place to download fonts!
OnlineWebFonts.Com Some fonts provided are trial versions of full versions and may not allow embedding unless a commercial license is purchased or may contain a limited character set. Please review any files included with your download, which will usually include information on the usage and licenses of the fonts. If no information is provided, please use at your own discretion or contact the author directly.
0123456789 /*-+~!@#$%^&*()-=_+{}[]:;"'|\<>.?
</pre> </div>
<div class="by"> <div class="by_title">License and attribution:</div> <div class="attr">You must credit the author Copy this link ( <a href="http://www.onlinewebfonts.com" target="_blank">oNlineWebFonts.Com</a> ) on your web </div><div class="usetitle">Copy the Attribution License:</div> <textarea onclick="this.focus();this.select();"><div>Icons made from <a href="http://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div></textarea> </div> <div id="footer"> <div>Generated by <a href="http://www.onlinewebfonts.com" target="_blank">oNlineWebFonts.Com</a></div> </div> </body> </html>
|