刚好公司要用到,需要纯css的,不用任何插件就可以显示很不错的字体

样式一:

<style type="text/css">
.tb-js-yf-style{font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;}
</style>

样式一:
<div class="tb-js-yf-style">京缘</div>
<div class="tb-js-yf-style">JY</div>

 

样式二:

<style type="text/css">
.tb-js-yf-style2{font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;}
</style>

样式二:
<div class="tb-js-yf-style2">京缘</div>
<div class="tb-js-yf-style2">JY</div>

 

样式三:

<style type="text/css">
.jia-style{font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;}
</style>

样式三:
<div class="jia-style">京缘</div>
<div class="jia-style">JY</div>

样式四:

<style type="text/css">
.ued-style{font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
</style>

样式四:
<div class="ued-style">京缘</div>
<div class="ued-style">JY</div>

样式五:

<style type="text/css">
.ux-style{font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
</style>

样式五:
<div class="ux-style">京缘</div>
<div class="ux-style">JY</div>

 

样式六:

<style type="text/css">
.ux-style2{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;}
</style>


样式六:
<div class="ux-style2">京缘</div>
<div class="ux-style2">JY</div>

样式七:(主要是英文比较有特色)

<style type="text/css">
.geo-style{font:Georgia, serif;}
</style>

样式七:
<div class="geo-style">京缘</div>
<div class="geo-style">JY</div>

 

样式八:(主要是英文比较有特色)

<style type="text/css">
.geo-style2{font:italic 1em Georgia, serif;}
</style>

样式八:
<div class="geo-style2">京缘</div>
<div class="geo-style2">JY</div>

 

 

 

 

 

 

 

 

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐