刚好公司要用到，需要纯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>