CSS 第007篇 字体font
@font-face 规则
@font-face{font-family: 给下面这个字体起个名称;src: url(某某字体);
}/*引用上面的字体*/
div{font-family:给下面这个字体起个名称;
}
属性 | 值 | 描述 |
---|---|---|
font-family | name | 必需。规定字体的名称。 |
src | URL | 必需。定义字体文件的 URL。 |
font-stretch |
|
可选。定义如何拉伸字体。默认是 "normal"。 |
font-style |
|
可选。定义字体的样式。默认是 "normal"。 |
font-weight |
|
可选。定义字体的粗细。默认是 "normal"。 |
unicode-range | unicode-range | 可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。 |
字体样式相关属性
属性 |
值 |
描述 |
||||||||||||||||||||||
font |
|
指定在一个声明的所有字体属性 说明:可设置的属性是(按顺序): "font-style font-variant font-weight font-size/line-height font-family" font-size和font-family的值是必需的。如果缺少了其他值,默认值将被插入,如果有默认值的话。 line - height属性设置行与行之间的空间。 |
||||||||||||||||||||||
font - family |
|
指定一个元素的字体 | ||||||||||||||||||||||
font-size |
|
设置不同的HTML元素的字体大小 | ||||||||||||||||||||||
font-size-adjust |
|
为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。 说明:字体的小写字母 "x" 的高度与 "font-size" 高度之间的比率被称为一个字体的 aspect 值。当字体拥有高的 aspect 值时,那么当此字体被设置为很小的尺寸时会更易阅读。举例:Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时,它的 x-height 是 58px )。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。 |
||||||||||||||||||||||
font-style |
|
指定文本的字体样式 | ||||||||||||||||||||||
font-variant |
|
设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。 font-variant 属性主要用于定义小型大写字母文本。 |
||||||||||||||||||||||
font-weight |
|
设置不同的字体粗细 |
一直在路上,自律,坚持
CSS 第007篇 字体font相关推荐
- 微信小程序css篇----字体(Font)
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站. 一.字体:font.属性在一个声明中设置所有字体属性. 可设置的属性是(按顺序): "fo ...
- html中css如何引用自定义字体 - 案例篇
html中css引用自定义字体,实现自定义字体样式效果(含案例) 网页中不同的字体,代码是怎么定义的?怎么引用外来字体文件? html 案例 · 代码如下: <!DOCTYPE html> ...
- CSS属性之字体(Font)
CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...
- CSS自学教程--一天搞定CSS(终篇总结)
虽然说是一天搞定CSS,实际上也没有那么简单.只能说让你快速了解常见的CSS知识,解决基本的页面样式布局和设置. 每个独立的CSS知识点都比较简单,但是它们的应用非常灵活,特别是在综合应用中. 粗略说 ...
- HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式
教你如何用CSS来控制网页字体的显示样式 更新时间:2007年02月27日 00:00:00 作者: HTML对于<font>内容</font>卷标只有: <font ...
- 微软雅黑html中怎么写,css样式怎么设置字体为微软雅黑?
css样式怎么设置字体为微软雅黑?下面本篇文章就来给大家介绍一下使用CSS设置字体为微软雅黑的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 首先要了解css中是如何控制字体的 ...
- 设计网页字体css,CSS样式设计网页字体与用户体验
CSS样式设计网页字体与用户体验 互联网 发布时间:2009-04-02 19:36:06 作者:佚名 我要评论 网页制作Webjx文章简介:在设计网页时,没有比页面的外观更重要的了.所以 ...
- 学习 HTML+CSS 这一篇就够了
文章目录 学习 HTML+CSS 这一篇就够了 ! HTML 简介 一.网页 1 .什么是网页 2. 什么是 HTML 3.网页的形成 4.网页总结 二.浏览器 1. 常用浏览器 2.浏览器内核 三. ...
- css实现霓虹灯特效字体
在开始之前先了解外部字体的引入: vite中字体的引入方法(.otf字体等)如下: 1.在src下的assets文件夹下创建font文件夹,将下载好的字体包放到该文件夹下 2.在font文件夹下创建f ...
最新文章
- ubuntu 14.04 安装Java JDK
- window下的SCROLLbar的使用技巧
- 2016年11月14日--SQL创建数据库、表-查、插、删、改
- httpclient proxy 方式ssl 死锁 socketRead0问题解决
- 微软公有云魅力之Traffic Manager
- 【thinkphp3.x】ThinkPHP/Lib/Core/Model.class.php文件分析
- C++类型转换运算符 static_cast,dynamic_cast,reinterpret_cast,const_cast
- [转]js和jquery获取窗体高度
- echarts全国城市经纬坐标json文件
- 虚拟机桥接模式下配置静态IP
- radius认证服务器系统,03-Radius认证配置举例
- FSA-Net学习笔记
- python爬虫之scrapy
- 计算机管理要继续请输入,Windows 10上提示UAC错误:如要继续请输入管理员密码!...
- 大数据采集的几点问题的思考
- 数据分析师的日常工作是什么?
- MATLAB trapz梯形数值积分函数
- 计算机树表查找算法的适用场景,利用基于R-树连续最近邻查询算法来渲染雨滴,形成了逼真的下雨天场景图...
- 2018回顾录——花信之年
- ubuntu添加系统调用
热门文章
- 520. Detect Capital
- 志愿者管理系统 php,志愿者信息管理系统
- 简易理解设计模式之:责任链模式——OA中请假流程示例
- 【49.Auth2.0认证与授权过程-微博开放平台认证授权过程-百度开放平台认证授权过程-社交登录实现(微博授权)-分布式Session问题与解决方案-SpringSession整合-Redis】
- mac安装win7之后鼠标失灵_苹果电脑装WIN7鼠标不能动怎么处理
- MySQL使用存储过程批量插入百(千)万测试数据
- python房子_用Python研究了三千套房子,告诉你究竟是什么抬高了房价?
- 大数据入门级学习攻略
- 图说职场贴士:护航职场的八力
- 如何使用计算机微信看小程序,微信电脑版怎么用小程序 在哪里打开