Google字体Open Sans Condensed对数字实例介绍

0 0 607
html/css web前端 字体

Open Sans Condensed是一款经典的英文字体，对汉字没有效果，这里介绍下普通字体和Open Sans Condensed字体对数字样式的显示比较。condensed.woff2字体也包含在源码里可下载使用。

Google字体Open Sans Condensed对数字实例介绍_图一

css字体引用

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(font/condensed.woff2) format('woff2');
}
.font2{font-family: Open Sans Condensed;}

整个html代码

<main>
  <article>
      <h3>浏览器默认字体</h3>
      <p>2333</p>
      <p>1000</p>
  </article>
  <article>
      <h3>Open Sans Condensed 数字字体</h3>
      <p class="font2">2333</p>
      <p class="font2">1000</p>
  </article>
</main>
下载所需： 5金币 下载 演示
[分类]
[来源] http://erlangyun.com/p/id/180.html
[声明] 本站资源来自用户分享，如损害你的权益请联系客服QQ：120074275给予处理。
容若 等级：斗师