css3如何引入外部字体

如果需要外部字体,电脑上没有,这时候可以用css3上新引入的@font-face属性

它的语法格式是

@font-face {

font-family:自定义字体名称

src:url(字体路径);

}

比如需要使用叫字体家AI北京长城体.ttf的字体,代码如下

css 复制代码
        @font-face {
        	/*定义字体的名称*/
        	font-family: myfont;
        	/*定义外部字体的路径*/
        	src: url(字体家AI北京长城体.ttf);
        }

这个代码就是引入了叫字体家AI北京长城体的字体,字体名称自定义为myfont。

如果要使用字体,假定要使用的字体在div标签里

css 复制代码
		div {
			font-size:30px;
			font-family: myfont;
		}
相关推荐
小雨下雨的雨3 小时前
井字棋AI机器人实现详解 - Minimax算法实战-鸿蒙PC Electron框架完成
前端·人工智能·算法·华为·electron·鸿蒙
ZC跨境爬虫7 小时前
跟着 MDN 学JavaScript day_7:数学运算与逻辑判断实战测试
开发语言·前端·javascript·学习·ecmascript
fangdengfu1237 小时前
ES分析系统各个服务日志占用量
java·前端·elasticsearch
JustHappy9 小时前
古法编程秘籍(六):程序到底是怎么跑起来的?从 IO 到中断,一次讲明白
前端·后端·全栈
HYCS9 小时前
用pixi.js实现fabric.js(六):从线性代数的角度理解编辑器交互
前端·javascript·canvas
卷帘依旧9 小时前
useImperativeHandle的作用
前端
卷帘依旧10 小时前
Hooks在Fiber上的存储原理
前端
you458010 小时前
学成在线--day02 CMS前端开发(含Vue基础知识得回顾)
前端·javascript·vue.js
xiaofeichaichai10 小时前
虚拟 DOM
前端·javascript·vue.js