当前位置：网站首页 > 技术资源 > 正文

css如何引入特殊字体

moboyou 2025-06-15 19:10 20 浏览

在前端开发过程中难免会用到特殊字体，如何引入特殊字体？

首先你得有字体文件，文件格式为,TTF、OTF、EOT、SVG
将字体文件放入本地文件夹中或者服务器上
css中引入，以下为引入方法

@font-face {
  font-family: 'icomoon'; // 这里自定义字体名称 
  src:  url('fonts/icomoon.eot?'); // 文件路径或者服务器路径
  src:  url('fonts/icomoon.eot?') format('embedded-opentype'), // format属性：字体的格式 主要用于浏览器识别
    url('fonts/icomoon.ttf?') format('truetype'),
    url('fonts/icomoon.woff?') format('woff'),
    url('fonts/icomoon.svg?') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 调用 */
body{
    font-family:'icomoon'
}

注：eot为IE专用，ttf官方说是苹果和微软为PostScript 而开发的字体格式，个人理解为通用格式。woff是压缩过后轻量级，svg对文本支持不太好

css样式引入

上一篇：如何在vue中按需引入element-ui?
下一篇：css入门

相关推荐

python新手学习常见数据类型——数字: Python支持三种不同的数值类型：整型(int)、浮点型(float)、复数(complex)创建数字：a=1b=2.7c=8+4j删除数字：a=1b=2.7c=8+4...

只用一个套路公式，给 Excel 中一列人员设置随机出场顺序: 很多同学会觉得Excel单个案例讲解有些碎片化，初学者未必能完全理解和掌握。不少同学都希望有一套完整的图文教学，从最基础的概念开始，一步步由简入繁、从入门到精通，系统化地讲解Excel的各个知...

Excel神技 TIME函数:3秒搞定时间拼接!职场人必学的效率秘籍: 你是否经常需要在Excel中手动输入时间，或者从不同单元格拼接时、分、秒？今天我要揭秘一个超实用的Excel函数——TIME函数，它能让你3秒内生成标准时间格式，彻底告别繁琐操作！一、TIME函数基础...

销售算错数被批?97 Excel 数字函数救场，3 步搞定复杂计算: 销售部小张被老板当着全部门骂。上季度销售额汇总，他把38652.78算成36852.78，差了1800块。财务对账时发现，整个部门的提成表都得重算。"连个数都算不对，还做什么销售？&...

如何使用Minitab 1分钟生成所需要的SPC数据: 打开Minitab，“计算”-“随机数据”-“正太”，因为不好截图，使用的是拍照记录的方式.再要生产的行数中，填写125，可以按照要求，有些客户要求的是100个数据，就可以填写100...

验证码，除了 12306，我还没有服过谁: 为了防止暴力注册或爬虫爬取等机器请求，需要验证操作者是人还是机器，便有了验证码这个设计。本文作者主要介绍了如何使用Axure来设计一个动态的图形验证码，一起来学习一下吧。在软件设计中，为了防止暴力...

零基础也能学会的9个Excel函数，小白进阶必备: 今天给大家分享一些常用的函数公式，可以有效地解决Excel中办公所需，0基础也可以轻松学会。建议收藏，在需要的时候可以直接套用函数。1、计算排名根据总和，计算学生成绩排名。函数公式=RANK(E2,$...

[office] excel表格数值如何设置_excel表格怎样设置数值: excel表格数值如何设置　　因为电子表格应用程序是用来处理数值数据的，所以数值格式可能是工作表中最关键的部分，格式化数值数据的方式由用户决定，但在每个工作簿的工作表之间应使用一致的处理数字的方法。...

Excel最常用的5个函数!会用最后一个才是高手: 是不是在处理Excel数据时，面对繁琐的操作烦恼不已？手动操作不仅耗时费力，还容易出错。别担心，表姐这就为你揭秘Excel中几个超实用的函数，让数据处理变得轻松高效！表姐整理了552页《Office从...

新手必会的53个Excel函数_惊呆小伙伴的全套excel函数技能: （新手入门+进阶+新函数）一、新手入门级(24个)1、Sum函数：求和=Sum(区域)2、Average函数：求平均值=Average(区域)3、Count函数：数字个数=Count(区域)4、Cou...

打工人私藏的4个Excel函数秘籍，效率提升3.7%: 小伙伴们好啊，今天咱们分享几个常用函数公式的典型应用。合并内容如下图，希望将B列的姓名，按照不同部门合并到一个单元格里。=TEXTJOIN(",",1,IF(A$2:A$15=D2,B...

Excel偷偷更新的8个函数!原来高手都在用这些隐藏技能: 领导突然要销售数据，你手忙脚乱筛选到眼花...同事3分钟搞定的报表，你折腾半小时还在填充公式...明明用了VLOOKUP，却总显示#N/A错误...别慌！今天教你的8个动态数组函数，就像给Excel装...

Excel表格随机函数怎么用?讲解三种随机函数在不同场景的应用: excel随机函数，其特点是能够生成一组随机数字，根据不同需求，还能批量生成小数位和整数，及指定行数和列数，或指定区间范围内的数字。这里根据需求，作者设置了三个问题，第1个是随机生成0至1之间的数字...

单纯随机抽样该如何进行?_单纯随机抽样的适用范围及注意事项: 在数据分析中，抽样是指从全部数据中选择部分数据进行分析，以发掘更大规模数据集中的有用信息。在收集数据过程中，绝大多数情况下，并不采取普查的方式获取总体中所有样本的数据信息，而是以各类抽样方法抽取其中若...

随机函数在Excel中的应用_随机函数在excel中的应用实例: 【分享成果，随喜正能量】职场，如果你没有价值，那么你随时可能被取代;如果你的价值不如别人，那么社会也不会惯你，你将被无情地淘汰掉。不管什么时候，你一定要学会构建自己的价值。每个人都应该思考这个问题：我...

一周热门

最近发表

首页
收录
顶部