css如何设置字体


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

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

一、font标签配置字体

1

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

例子:

1

2

3

4

5

6

7

8

9

10

11

12

13

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

例子:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!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如何设置字体的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么去掉border的底部

css的rem是什么

css内边框如何设置

css 的位置怎么设置

css超出宽度怎么显示省略号

css+html实现模拟百度首页(附代码)

js怎么替换css样式

css怎么写

css上边距怎么设置

css选择符是什么意思

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...