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;
		}
相关推荐
胡萝卜术2 分钟前
编译期与运行期的双重防线:从 TypeScript 类型之争到 LLM 输出的自动化择优
前端·设计模式·面试
Goodbye3 分钟前
前端路由深度解析:从原理到 React Router 实战
前端
何时梦醒9 分钟前
🤖 Harness 工程:用 LLM as Judge + Best of N 打造自优化的 AI 代码生成流水线
前端·人工智能
AI_paid_community17 分钟前
如何使用 Claude 在 AI 时代快速入局新的行业?(经验贴)
前端·javascript·后端
程序员韩星18 分钟前
从模型直连到统一 AI 网关:多模型 API、Codex 与 Claude Code 接入实践
前端·程序员·ai编程
想要成为糕糕手20 分钟前
🐎 从“幻觉”到“可控”:手把手构建一个 LLM 自优化流水线 Harness
前端·llm·agent
sunly_25 分钟前
React Suspense 用法详解
前端·javascript·react.js
一心只读圣贤书29 分钟前
AI 辅助前端空状态体验治理:从无数据页面到可行动引导
前端·人工智能
沐土Arvin30 分钟前
音频h5录制开发
前端
PedroQue9931 分钟前
uni-app路由插件化:解锁高效开发新姿势
前端·uni-app