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;
		}
相关推荐
小小尚@10 分钟前
WebGIS/ECharts 地图开发|MapLand 在线行政区划边界一键下载 GeoJSON 工具
前端·javascript·echarts
默_笙1 小时前
🚍 一条 Todo 的奇幻漂流:TypeScript 全栈类型安全的"护照检查"
前端·javascript
计算机魔术师1 小时前
NVIDIA 以 129.3 亿美元收购 Hugging Face
前端
平头哥技术团队1 小时前
Day 01 | 用 HTML 写第一个网页:双击就能在浏览器打开
前端
计算机魔术师2 小时前
两年翻45倍!英伟达靠买买买建成千亿投资帝国
前端
paopaokaka_luck2 小时前
基于springboot3+vue3的精准扶贫管理系统(AI 问答、ECharts 图形化分析)
前端·人工智能·echarts
l1m0_3 小时前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计
Patrick_Wilson3 小时前
为什么gitlab的MR会默认有一个merge commit
前端·git·gitlab
en.en..3 小时前
Linux mmap 内存映射深度解析:基于帧缓冲 /dev/fb0
java·服务器·前端
Z兽兽3 小时前
行内块元素在垂直方向上对齐问题
css·html·css3