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

    css如何设置字体

    醉折花枝作酒筹醉折花枝作酒筹2021-06-01 15:58:46原创89

    css设置字体的方法:1、使用font标签进行设置,语法格式为“<font face="字体样式"></font>”;2、使用font-family属性进行设置,语法格式为“标签{font-family:“字体样式”}”

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    一、font标签配置字体

    <font face="字体样式"></font>

    例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      <div>未设置字体的“你若盛开,蝴蝶自来”</div>
      <font face="华文中宋">设置字体的“你若盛开,蝴蝶自来”</font>
    </body>
    </html>

    font标签设置face字体属性其值即可设置差别字体

    二、css设置字体

    css字体设置单词为font-family

    例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <style>
        p{
          font-family: 'Courier New', Courier, monospace;
        }
      </style>
    </head>
    <body>
      <p>设置字体的“你若盛开,蝴蝶自来”</p>
      <div>未设置字体的“百无禁忌”</div>
    </body>
    </html>

    效果:

    PVIY{X@4T9OHZT$APFGCP8V.png

    推荐学习:css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:css中的“>”是什么意思 下一篇:css如何让滚动条不显示
    第16期线上培训班

    相关文章推荐

    • css怎么让字体变大• css怎么设置文字超过隐藏• css是啥• css布局方法有哪些• css中的“>”是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网