美文网首页
HTML与CSS的字体

HTML与CSS的字体

作者: 乐学小乐 | 来源:发表于2020-10-28 08:54 被阅读0次

字体

font-family

​ 文本字体,该属性设置文本的字体。

​ font-family属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体,所以尽量将不常见的字体靠前,将最常见的字体放置在最后,作为替补。

注意:

​ 1)只有当字体名中含有空格或#、$之类的符号时(如 New York),才需要在font-family声明中加引号:

body {
    font-family: "arial black";
}

​ 2)多个字体系列是用一个逗号分隔指明

/* 靠前的字体先生效 */
p{
   font-family: 微软雅黑,黑体,"agency fb";
}
font-size

​ 文本大小

body {
    font-size: 50px;  /*字体大小50px*/
}
#span1 {
    font-size: 25px;  /*字体大小25px*/
}
font-style

​ 字体风格,该属性最常用于规定斜体文本。 属性值:normal、italic、oblique

​ 1)normal:文本正常显示;

​ 2)italic:文本斜体显示;

​ 3)oblique:文本倾斜显示,oblique是将文字强制倾斜。

​ 说明:一般情况下,字体有粗体、斜体、下划线、删除线等诸多属性,但是不是所有字体都具有这些属性,一些不常用字体可能只有正常体,若使用italic属性则没有效果,所以需要oblique属性强制倾斜。

font-weight

​ 字体加粗,该属性设置文本的粗细。

​ bold:可以将文本设置为粗体。

​ 100 ~ 900:为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别。

​ 100 对应最细的字体变形;

​ 900 对应最粗的字体变形;

​ 400 等价于 normal;

​ 700 等价于 bold。

相关文章

  • CSS初探2

    Head First HTML与CSS 第八章 增加字体和颜色样式 CSS——掌控页面的表现 指定和改变字体的外观...

  • HTML与CSS的字体

    字体 font-family ​ 文本字体,该属性设置文本的字体。 ​ font-family属性应该设置...

  • CSS初探3

    Head First HTML与CSS 第八章 增加字体和颜色样式 CSS——掌控页面的表现 调整字体大小 指定字...

  • css字体设置

    一、原始的html字体设置 - TOP Html的文字字体设置代码: 我是黑体字 二、CSS字体设置 - TOP ...

  • HTML样式CSS-11

    如何使用CSS 实例一: 实例二: 实例三: 如何使用CSS 内联样式 HTML 样式实例 - 字体, 字体颜色 ...

  • 前端Day5

    CSS基础与进阶 1.什么是CSS? CSS是层叠样式表,主要用于设置HTML文本内容(字体,大小,对齐方式等)...

  • CSS初探4

    Head First HTML与CSS 第八章 增加字体和颜色样式 CSS——掌控页面的表现 Web颜色如何工作 ...

  • css中文字体乱码解决方案

    css中文字体乱码解决方案 css中文字体乱码解决方案:把css编码和html页面编码统一起来。如果html页面是...

  • CSS3 @font-face【自定义字体】

    css html Dafont.com 寻找自己需要的字体 Font Squirrel 在线字体转换工具

  • Web前端

    GitHub地址 HTML浮动居中 CSS字体图标CSS预编译: LESS / SASS Chrome, Fire...

网友评论

      本文标题:HTML与CSS的字体

      本文链接:https://www.haomeiwen.com/subject/ummtvktx.html