首先了解什么是@ font-face,@fontface的是一个CSS规则,允许你输入自己的字体出现在网站上,即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是,它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。

接下来是如何使用@font-face
首先在css中引入字体

@font-face{font-family:'自定义字体名';src:url('路径') format('字体类型的扩展名');}

然后html页面中选择你要添加的元素,将自定义字体的名称引入class,这里我的自定义字体名称为font

css部分代码

这是插入前

这是插入后

这样一个自定义的外部字体就可以使用啦!

ps:url输入路径时一定要注意再几层文件夹下,我因为路径写错了导致效果出不来,拽掉好几根头发,虽然是一个低级错误

css中导入自定义字体库相关推荐

  1. css中使用自定义字体 和 自定义字体图标

    下载并安装Adobe Illustrator CC 2019简称AI 下载并安装FontLab7简称AI 软件安装包: 链接: https://pan.baidu.com/s/1C8d44Y2z4ro ...

  2. html5外链式引入不了字体,css中导入外部字体不生效的原因是什么?

    css中可以使用@font-face引入外部字体,使用@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一.有时使用@font-face规则引入外部字体 ...

  3. css中导入外部字体不生效的原因是什么?

    css中可以使用@font-face引入外部字体,使用@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一.有时使用@font-face规则引入外部字体 ...

  4. CSS中@font-face引入字体库

    网上看到了一款漂亮的字体,搜了半天,找到了文件, 使用时候,就是不显示, 然后搜了一下类似问题,最后解决了, , 没错,就是这个  汉仪锦昌体 下载下来之后,是 ttf格式,然后使用的时候, scri ...

  5. html中css如何引用自定义字体 - 案例篇

    html中css引用自定义字体,实现自定义字体样式效果(含案例) 网页中不同的字体,代码是怎么定义的?怎么引用外来字体文件? html 案例 · 代码如下: <!DOCTYPE html> ...

  6. RF使用技巧--导入自定义的库文件

    作者 IT小样 如何在RF中使用自定义的库呢? 首先找到RF使用的python版本的安装目录,我的RF使用的是Python2.7,进入到python安装路径下,找到Lib文件夹,进入后,找到site- ...

  7. Linux下安装自定义字体库

    Linux下安装自定义字体库 第一步.在Windos环境下找到字体库 如:C:\Windows\Fonts 第二步.找到Linux下字体库 如:/usr/share/fonts/chinese 第三步 ...

  8. 卡饭输入法制作和导入自定义词库

    卡饭输入法导入自定义词库 卡饭输入法下载 导入自定义词库 深蓝词库转换器 搜狗词库 制作词库 导入词库 转换好的搜狗词库[自取] 卡饭输入法下载 点击下载卡饭输入法 , 如果已经安装请跳过 导入自定义 ...

  9. ANSA二次开发 - 在ANSA中导入外部Python库

    文章目录 在ANSA中导入外部python库 NumPy SciPy OpenSSL H5py PIP 和venv包和环境管理系统 PIP venv CONDA包和环境管理系统 下载Conda Con ...

  10. 【自用】uni-app中使用自定义字体

    步骤一:拿到自定义字体包 ​ 首先要得到自定义字体包(后缀名为.ttf, .otf, .eot等格式的字体包),可自行下载也可以问UI要字体包. 步骤二:判断字体包是否需要转换 ​ 由于小程序不支持在 ...

最新文章

  1. 开始VC之路--创建窗体
  2. 平正真诚——记红帆公司2011年秋季旅游·衡山
  3. 吴恩达机器学习笔记:(一)机器学习方法简介
  4. 用C语言编写小学四则运算程序,用C语言编写生成小学四则运算程序
  5. 4.day11_包和权限修饰符-1
  6. GUI阅读字号和触点面积设计 (可用性设计)
  7. oracle备份和还原
  8. java不进入for_为什么阿里巴巴Java开发手册中强制要求不要在foreach循环里进行元素的remove和add操作?...
  9. python获取时间秒数_Python获取秒级时间戳与毫秒级时间戳
  10. 鸿蒙硬件HI3861-MQTT-连接华为云
  11. c++ 字典_Python自学笔记(五):字典
  12. C++11特性补充笔记1
  13. session_cache_limiter(private,must-revalidate)是什么意思
  14. 改变计算技术的9个伟大算法
  15. Admin.Admin/Login --- 后台项目中的管理员及登录模块
  16. 跨平台开发实践之Flutter
  17. 同步调用、异步调用、回调的简单理解
  18. python搭建简易的https服务器
  19. 利用Python取出excel数据并生成统计图
  20. C# 异常处理(Catch Throw)IL分析

热门文章

  1. CSP 202112-3 登机牌条码 (详细图解)
  2. 春秋·左丘明-《左传·成公八年》
  3. 为出海掘金创造更多可能 助力开发者触达全球用户
  4. 杨澜对话刘韵洁董明珠 :“穷得只有一个梦想”
  5. java SE部分以及数据库学习笔记
  6. 基于CNN的区域特定多尺度特征提取的两阶段停车位检测
  7. 服务器 虚拟声卡,虚拟声卡,小编教你怎么安装虚拟声卡
  8. 关卡 动画 蓝图 运行_虚幻4 UE4 蓝图之关卡蓝图实现自动开关门
  9. Centos网络管理(三)-网络配置相关
  10. 算法—青蛙跳台阶问题汇总