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

    css如何改字体

    coldplay.xixicoldplay.xixi2021-04-28 16:02:41原创6623

    css改字体的方法:1、可以使用【font-family】更改字体样式;2、使用【font-weight】属性更改字体粗细;3、使用color属性更改字体颜色。

    大前端成长进阶课程:进入学习

    本教程操作环境:windows7系统、css3版,DELL G3电脑。

    css改字体的方法:

    font-family 规定元素的字体系列。

    font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

    有两种类型的字体系列名称:

    指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

    通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

    font-weight 属性设置文本的粗细。

    说明

    该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

    css更改字体的方法示例:

    <!doctype html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>DIV+CSS怎么样改字体样式</title>
    <style>
    .one{
    font-family:"微软雅黑";  //把 font-family: "设置字体名称" 里的字体名称改成你需要
    font-size:12px;  //字体大小
    color:red;  //字体颜色
    font-weight:normal; //加粗 normal默认值 bold粗体 数值100-900
    }
    </style>
    </head>
    <body>
    <div class="one">DIV+CSS怎么样改字体样式</div>
    </body>
    </html>

    相关教程推荐:CSS视频教程

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css 字体
    上一篇:css图片大小如何设置 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html如何更改字体颜色• css设置字体的属性有哪些• html超链接字体颜色怎么改• html如何设置字体颜色
    1/1

    PHP中文网