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.
95 lines
6.8 KiB
95 lines
6.8 KiB
<!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>
|