• 技术文章 >web前端 >css教程

    css怎么更改字体

    王林王林2021-05-20 15:21:05原创2704

    css更改字体的方法是,给字体添加font-family属性,并且设置需要的字体属性即可,例如【p.serif{font-family:"Times New Roman",Times,serif;}】。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    在css中如果我们要改变元素的字体,其实是非常简单的,利用font-family属性就可以实现。

    常用属性值:

    我们来看下面的一段代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title></title>
    <style>
    p.serif{font-family:"Times New Roman",Times,serif;}
    p.sansserif{font-family:Arial,Helvetica,sans-serif;}
    </style>
    </head>
    
    <body>
    <h1>CSS font-family</h1>
    <p class="serif">这一段的字体是 Times New Roman </p>
    <p class="sansserif">这一段的字体是 Arial.</p>
    
    </body>
    </html>

    运行效果:

    62f5e6dd4f8b2f0d2c2aa36e67a95b6.png

    相关视频教程分享:css视频教程

    以上就是css怎么更改字体的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 字体
    上一篇:css怎么改变鼠标形状 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • css怎么设置字体颜色渐变• 怎么用css设置字体颜色• css怎么设置字体颜色大小• css怎么设置字体间隔
    1/1

    PHP中文网