首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

CSS3魔法堂:认识@font-face和Font Icon

font-weight 和 font-style 和之前使用的是一致的。 src属性后还有一个 local(font name) 字段,表示从用户系统中加载字体,失败后才加载webfont。...src: local(font name), url("font_name.ttf") 三、字体格式                             对于@font-face而言,兼容性问题就是各浏览器所能识别的字体格式不尽相同...不过通过@font-face来实现的Font Icon,我们可以自定义并使用各种符号实体——这些符号实体正确来说应该叫做Web实体符。  ...元素的font-family值为所定义的@font-face时,该元素下的字符则会自动渲染为对应的Font Icon。...七、自定义Font Icon                         由于使用既定的Web字体库需要将整个字体库都下载下来,而实际上用到的Font Icon则只有数个而已,因此通过自定义Font

2K80

CSS字体font

字体大小 font-size 设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...,取值:默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准,用数字设置的时候,只有在400和700会产生变化...font-style:italic; 字体类型 font-family 设置不同的字体,取值:宋体、微软雅黑、黑体等等。...,了解:http://code.ciaoca.com/style/cssfont2unicode/ font: font-style font-weight font-size/line-height...font-family; 不建议修改顺序 并且不需要设置的属性可以不写 但是font-size和font-family必须指定,否则将不起作用 行高 行高控制的是文字与文字之间的上下距离 (行距

2.8K30

linux内核源码 -- list链表

linux kernel中的list估计已经被各位前辈们写烂了,但是我还是想在这里记录一下; linux kernel里的很多数据结构都很经典, list链表就是其中之一 本篇要介绍的内容: list...的定义 list提供的操作方法 注意事项 使用实例 ---- List 所在文件: List的所有操作可以在 include/linux/list.h找到; List head的定义可以在 include.../linux/types.h找到; 定义 实际上这就是一个双向循环链表, 且有一个头指针 list head的定义: struct list_head { struct list_head *next...void INIT_LIST_HEAD(struct list_head *list) { WRITE_ONCE(list->next, list); list->prev = list...struct中,这个宏就是由这个list_head ptr来获取当前所处的struct对象的指针, 用了linux的经典宏定义 container_of #define list_entry(ptr,

2.3K10

【CSS】CSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

、 字体设置 1、 语法简介 2、 Unicode 编码字体名称 3、 代码示例 一、 字号大小设置 ---- 1、 语法简介 在 CSS 中 , 字号大小 设置 语法如下 : p { font-size...:16px; } 上述代码的含义是 , 将 HTML 页面所有的 p 标签字号都设置成 16 像素 ; font-size 属性值 的单位 推荐使用 px 像素 , 也可以使用下面的 长度单位 : px...:16px; } .tittle { font-size:20px; } <p class...:"微软雅黑"; } 常见的字体 : 微软雅黑 , 默认字体 ; 宋体 黑体 如果 指定了多个字体 , 如下样式 , 优先使用前面的字体 ; .tittle { font-size:20px; font-family...:16px; font-family:"宋体"; } .tittle { font-size:20px; font-family:"黑体",Arial,"微软雅黑

2.6K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券