純Css比較好看的中英文字體樣式（持續整理版）

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