当前位置: 首页 > news >正文

css3如何引入外部字体

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

它的语法格式是

@font-face {

font-family:自定义字体名称

src:url(字体路径);

}

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

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

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

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

div { font-size:30px; font-family: myfont; }
http://www.rkmt.cn/news/94558.html

相关文章:

  • 【视频导图大师】3秒批量导出视频所有画面为高清图片/序列帧/视频截图/视频转图片
  • 终极指南:CinoLib——免费开源的通用网格处理神器
  • test tags2 - itnews
  • 5分钟掌握Transition.css:让你的网页动起来
  • HNOI2019《序列》
  • 前端性能与监控指标采集系统设计方案
  • 学习Linux要注意的地方
  • [技术讨论] 三极管高低温特性测试
  • Android Studio + Gemini 移动创建领域的一次范式转移
  • ISC-3000S的U-Boot 镜像头部解析
  • 基于Java的安全检查巡视智慧管理系统的设计与实现全方位解析:附毕设论文+源代码
  • Node.js Redis客户端ioredis完整使用指南
  • 影刀RPA×AI双剑合璧!小红书笔记评论数据智能提取,3分钟搞定全天分析![特殊字符]
  • LLM - MCP Powered Agent_从工具失配到架构重构的实战指南
  • 影刀RPA×AI强强联合!小红书限时折扣活动一键创建,效率提升40倍![特殊字符]
  • AtCoder Beginner Contest 436 ABCDEF 题目解析
  • 2025中餐适配的厨余处理器测评:七大品牌研磨精度与管道保护能力对比 - 速递信息
  • 2025厨余处理器品牌年终测评:十大热门品牌对决,深度解析选优质款 - 速递信息
  • # NCHUD-数字电路模拟程序和课堂测验
  • 整体设计 定稿 之23 dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q199 之1)
  • ABC 436 解题报告
  • 探索快手平台:如何通过官方API接口获取作品详细信息
  • 国产操作系统:自主可控的技术突围
  • 发电。
  • Portfolio个人作品集网站:5分钟快速搭建专业在线简历终极指南
  • ComfyUI-SeedVR2视频超分项目FP8量化技术深度解析
  • 2025年降AI率工具实测!5个降AI工具推荐:免费降AIGC工具指南
  • Halo博客系统审计
  • tk.simpledialog-创建简单的模态对话框
  • STranslate 翻译 工具 v2.0.0 绿色便携版 翻译、OCR工具