网页中引入字体@font-face 笔记
来源:互联网 发布:vue.js有哪些ui框架 编辑:程序博客网 时间:2024/04/29 02:44
@font-face的语法是这样子的
@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; }
看一下好像看的有点雾水的样子,不用担心,有人帮我们做好了,这里只字体转换工具,会把需要引入的各种字体,以及代码都准备好了请看图
当然不能就这样子放在网页当中,可以像这样子
将字体文件放在font文件夹当中,之后在引入css的时候,修改相对路径就可以了,见下图
注意红色箭头标注的地方不一样,一个是字体的名字,一个是字体的相对地址;
完。
0 0
- 网页中引入字体@font-face 笔记
- font-face外部字体引入
- 网页中导入特殊字体@font-face属性详解
- 网页中导入特殊字体@font-face属性详解
- 网页中导入特殊字体@font-face属性详解
- 网页中导入特殊字体@font-face属性详解
- css网页中导入特殊字体@font-face属性详解
- 网页自定义字体使用 @font-face
- 自定义web字体-通过@font-face在网页中嵌入自定义字体
- CSS3中字体@font-face的使用
- 在CSS中通过@font-face属性来实现网页中嵌入特殊字体
- 网页设计之CSS @font-face应用网页字体自定义
- CSS3.0新属性之@font-face在网页中嵌入字体
- @font-face(css3属性)实现在网页中嵌入任意字体
- 利用CSS的@font-face属性,在网页中嵌入字体
- CSS @font-face属性实现在网页中嵌入任意字体
- 嵌入字体@font-face
- Web字体 ---- @font-face
- Static关键字
- Java的异常体系
- Java的引用类型
- 安卓——安卓开发学习资料整理
- Eclipse中项目的导入和导出
- 网页中引入字体@font-face 笔记
- 控制器的生命周期
- 高斯函数以及在图像处理中的应用总结
- 获取整个网页的html源码
- 彻底解决mysql中文乱码的办法,修改mysql解压缩版(免安装版或zip版)字符编码
- 常用的热门iOS第三方库
- [转]JQuery.Ajax之错误调试帮助信息
- BaseExpandableListAdapter分类绑定的实现
- 微信内部PM分享之思考需求