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;
		}
相关推荐
m0_719084113 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录4 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n4 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n4 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
狗哥哥4 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫5 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘5 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js
ccnocare5 小时前
浅浅看一下设计模式
前端
Lee川5 小时前
🎬 从标签到屏幕:揭秘现代网页构建与适配之道
前端·面试
Ticnix5 小时前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts