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;
		}
相关推荐
Airene5 小时前
Vite 8 发布 beta 版本了,升级体验一下 Rolldown
前端·vite
ByteCraze5 小时前
从零到一:构建一个实时语音翻译应用(Vue3 + Web Speech API)
前端·开源·github
名字被你们想完了5 小时前
Flutter 实现一个容器内部元素可平移、缩放和旋转等功能(三)
前端·flutter
用户12039112947265 小时前
从零掌握 React JSX:为什么它让前端开发像搭积木一样简单?
前端·react.js·面试
Jonathan Star5 小时前
git commit --amend 是 Git 中用于修改最后一次提交的核心命令
前端·chrome·git
lcc1875 小时前
CSS 选择器
css
在掘金801105 小时前
RequireJS 详解
前端·javascript
派大鑫wink6 小时前
Python 流程控制实战:打造文字版数独小游戏(新手友好)
服务器·前端·microsoft
JIngJaneIL6 小时前
基于Java+ vueOA工程项目管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端