纯Css比较好看的中英文字体样式（持续整理版）

爱被打了一巴掌 2021-10-31 15:54 2295阅读 0赞

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

![20190815164931327.jpg][]

样式二：

<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>

![20190815165143103.jpg][]

样式三：

<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>

![20190815165405652.jpg][]

样式四：

<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>

![2019081516552326.jpg][]

样式五：

<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>

![20190815165622613.jpg][]

样式六：

<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>

![20190815165735229.jpg][]

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

<style type="text/css">
    .geo-style{font:Georgia, serif;}
    </style>
    
    样式七：
    <div class="geo-style">京缘</div>
    <div class="geo-style">JY</div>

![20190815165924606.jpg][]

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

<style type="text/css">
    .geo-style2{font:italic 1em Georgia, serif;}
    </style>
    
    样式八：
    <div class="geo-style2">京缘</div>
    <div class="geo-style2">JY</div>

![20190815170031256.jpg][]

[20190815164931327.jpg]: /images/20211031/0d217356b04a419ebd7deee07de5192d.png
[20190815165143103.jpg]: /images/20211031/eb7346f271eb4d47b54e49fb2819f5e7.png
[20190815165405652.jpg]: /images/20211031/553d2cc545bc464ea8c9bd4f41c40ff1.png
[2019081516552326.jpg]: /images/20211031/ea02d7de996946b080afd76d83000d7f.png
[20190815165622613.jpg]: /images/20211031/2bad10afbc204bb392847a535c8abbfc.png
[20190815165735229.jpg]: /images/20211031/e094082faa614b97bf789f624fc845d1.png
[20190815165924606.jpg]: /images/20211031/e28877227bc94ceca946848c6ffc24c3.png
[20190815170031256.jpg]: /images/20211031/aea39153910545ae98a6e13a87b25e49.png

发表评论取消回复

表情：

评论列表（有 0 条评论，2295人围观）

还没有评论，来说两句吧...

相关阅读

相关纯css实现好看的背景------Sestid

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1

缺乏、安全感/ 2023年06月07日 03:25/ 0 赞/ 154 阅读

相关 CSS字体样式值

字体样式 font-weight: 文字粗细 normal: 默认值，标准粗细 bold：粗体 bolder：更粗 lighter：更细

朱雀/ 2022年12月30日 08:15/ 0 赞/ 160 阅读

相关 html_css字体样式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <s

Dear 丶/ 2022年06月18日 05:19/ 0 赞/ 279 阅读

相关纯css的大于号样式

.gl{//大于号样式 width: 12px; height: 12px; position: absolute; border-left: 1px sol

缺乏、安全感/ 2022年06月18日 03:16/ 0 赞/ 253 阅读

相关 7款漂亮的纯css字体样式

![这里写图片描述][SouthEast] 简单粗暴，直接上马： <!DOCTYPE html> <html> <head>

港控/mmm°/ 2022年06月02日 04:30/ 0 赞/ 609 阅读

相关好看的table css样式

原文出处：[https://blog.csdn.net/hello\_mr\_anan/article/details/70257627?locationNum=3&fps=1

我会带着你远行/ 2022年05月15日 08:10/ 0 赞/ 930 阅读

相关 css样式大全(整理版）

字体属性：(font) - 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，

墨蓝/ 2022年05月11日 05:03/ 0 赞/ 416 阅读

相关 CSS字体样式属性

font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝

今天药忘吃喽~/ 2022年03月21日 05:12/ 0 赞/ 408 阅读

相关 CSS字体样式

样式一： 1. `body {` 2. `margin: 0;` 3. `padding: 0;` 4. `line-height: 1.

分手后的思念是犯贱/ 2022年02月18日 08:41/ 0 赞/ 367 阅读

相关纯Css比较好看的中英文字体样式（持续整理版）

刚好公司要用到，需要纯css的，不用任何插件就可以显示很不错的字体样式一： <style type="text/css"> .tb-js-yf-style

爱被打了一巴掌/ 2021年10月31日 15:54/ 0 赞/ 2296 阅读