前端字体网站收藏 Fonts

于 2023-04-02 17:30:29 发布
阅读量450 收藏
点赞数
分类专栏： 开发者设计资源 文章标签： 前端 ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43849685/article/details/129913927
版权
本文列举了多个提供免费字体和相关设计工具的网站，包括GoogleFonts、DaFont、FontSquirrel等，涵盖了不同风格和用途的字体资源，同时提到了一些字体对比、排版学习和自定义字体工具，对于前端开发者和设计师来说是宝贵的资源。
摘要由CSDN通过智能技术生成

前端字体网站收藏 Fonts

提供免费字体以及基于字体的工具的网站

Github项目地址
Design Resources For Developers

网站                         描述
Google Fonts包含约1000个免费授权的字体家族库
DaFont免费可下载字体的存档
Use & Modify包含优美、高雅、朋克、专业、不完整和怪异的字体
1001 Free Fonts名字就说明了一切 😏
Font SquirrelFont Squirrel在互联网上搜寻高质量、合法免费的字体
Font Fabric数字字体铸造商，为各种品牌制作零售字体和自定义排版
Tiff一种字体对比工具，可以视觉对比两种字体之间的差异
TypeKit Practice学习排版实践
Fontjoy一键生成字体搭配
Golden Ratio黄金比例排版计算器
FontGet提供各种字体，按标签整齐排序
FontPair帮助你搭配Google字体
Font Space设计师为中心的免费字体网站，可快速定制预览
Abstract Fonts供个人和商业使用的免费字体
Free Typography高质量字体列表
Leon Sans一种由代码制作的几何无衬线字体
Lexend一种可变字体，经验显示可以显着提高阅读能力
Fonts for Apple Platforms获取使用苹果平台系统字体的细节、框架和工具
SFWin适用于Windows 10和非苹果平台的旧金山字体
Font Flipper在自己的设计之上预览800多种Google字体，无需下载字体
Fonts Arena免费精选字体
Befonts免费高质量字体
Arabic fonts免费的阿拉伯字体
FontDrop查看字体文件内容的简单易用工具
Open Foundry精选开源字体的免费平台
Glyphter上传自己的 SVG 文件并将其转换为字体文件。如果你想要一个较小的字体库，则很有用
Google Webfonts Helper一种自主托管 Google 字体的无忧方式
Rough Font AwesomeRoughJS 和 Font Awesome 相结合
FFonts免费时尚字体
Malayalam Fonts马拉雅拉姆语的免费字体，由 Swathanthra Malayalam Computing（SMC）维护
Dev Fonts免费找到和使用编码字体
Font M可供下载的免费字体，用于素材编码和设计
W Fonts下载免费字体
Modern fluid typography editor流动排版是一种现代化的响应式排版方式
UrbanFonts包含超过8000个免费字体和符号字体
Typespiration字体组合和配色灵感
Fontsource将开源字体自主托管在整齐打包的 NPM 包中
FontBolt从流行文化中发现和生成你最喜欢的字体。
每日摸鱼大王
关注
专栏目录
初学前端收集的字体图标以及字体网站
m0_49442965的博客
01-20 460
抱歉，阿里和icomoon长久不使用，忘得差不多了。
那些前端应该知道的网站(字体、抠图、在线ps、配色......)
程序员张礼奎的博客
08-21 583
01免费字体 https://www.fontspace.com/ 02一键AI抠图 https://www.remove.bg/zh 03在线PS工具/可以转换Sketch文件 https://www.photopea.com 04颜色选择 https://colorhunt.co/ 05配色神器 https://color.adobe.com/zh/create/color-wheel 06Web安全色 https://www.bootcss.com/p/websafecolors/ 07色
前端字体免费网站
励志要成为it大佬的博客
07-25 3028
http://www.w3cplus.com/content/css3-font-face   https://www.dafont.com/    
前端工程配置字体库
hyduan_h5的博客
12-09 3507
前言：在需求开发中，尤其移动端，ui设计经常使用一些特殊字体，作为前端开发为了将设计稿完美还原自然也需要将字体样式统一 字体库推荐 http://fonts.mobanwang.com/ 下载需要字体 在上述链接中搜索你需要的字体，点击下载，例如迷你简雪君字体 下载完成内容如下图，重点为ttf文件 在工程中新建fonts文件夹,并将刚下载的ttf文件放入(文件最好改为英文命名) 在fonts文件夹中新建font.css文件进行配置 @font-face { font-family: "H.
前端学习笔记：字体图标的下载网址
weixin_43339892的博客
01-07 959
字体图标的下载 icomoon字库 http://icomoon.io 阿里iconfont字库 http://www.iconfont.cn/ 选择字体图标后下载压缩包，解压后把fonts这个文件夹单独复制到根目录下，在< style>标签中添加 @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?4ubngm'); src: url('fonts/icomoon.eot?4ubngm#iefix
前端字体库FontAwesome-Pro-5.15.3-web.rar
09-26
在众多的前端资源中，字体库扮演了至关重要的角色，它使得开发者能够轻松地添加各种图标和特殊字体到网页中，提升网站的视觉吸引力。`FontAwesome` 就是这样一个广受欢迎的开源字体图标库，而`FontAwesome-Pro-...
Bootstrap免费字体和图标网站(值得收藏)
08-31
Bootstrap是一款流行的前端开发框架，它为开发者提供了丰富的组件、样式和功能，其中包括字体图标。在本文中，我们将重点讨论Bootstrap中常用的免费字体图标资源，以及如何在项目中使用它们。 1. Glyphicons ...
Fonts字体转换工具.rar
05-24
可以从各种免费或付费的字体资源网站下载，如 DaFont、Google Fonts 或 Adobe Fonts。选择合适的字体，要考虑其风格、可读性以及与 Genesis 系统或软件界面的匹配度。 接下来，解压“Fonts字体转换工具.rar”文件，...
国内优秀前端 CDN，Google Fonts 国内镜像
zjb199812的博客
05-16 1722
CDN要求速度快，项目多，版本更新快 EWS CDN cdn.ews1.com CDNJS 原cdnjs.cloudflare.com cdnjs - The #1 free and open source CDN built to make life easier for developers JSDELIVR jsDelivr - A free, fast, and reliable CDN for open source Google Fonts EWS CDN font.
21 个最受欢迎的免费字体网站
海水正蓝
09-06 4514
做设计比较重要的一项就是字体，虽然很多高手都喜欢自己设计字体，但总得去参考一下吧，hongkiat 收集了 21 个受欢迎的免费字体网站，看能不能淘出自己喜欢的一款来。1. 1001FreeFonts* Platform: PC, Mac* Archive: Over 60002. 1001fonts* Platform: PC, Mac* Archive:Over 2600* Font
前端工程师必备的17个实用网站
weixin_46007404的博客
07-12 8985
前端框架、素材网站 目录 一、配色类网站 二、图标类网站 三、插件类网站 四、素材类网站 五、字体类网站 六、工具类 七、UI框架 UI框架： http://element-cn.eleme.io/#/zh-CN/component/typography https://muse-ui.org/#/zh-CN https://youzan.github.io/vant/#/zh-CN/intro http://amazeui.org/ http://sui.tao...
前端引用字体
热门推荐
不敲代码的码农的博客
03-09 1万+
比如引用icomoon.io网上免费的字体：1.选中需要的免费的字体：双击即选中，再次点击即取消2.下载这些选中的字体：点击最下面的按钮：，点击即可看到你选中的字体：点击Download按钮即下载，等待下载完即下载完成3.在页面引用，在你的项目创建font文件夹，将下载的资源里面中的fonts文件夹中的文件全部复制到你创建的font文件夹中，将style.css文件夹全部复制到你的全局样式中（记得...
有了这几个网站，再也不怕字体侵权啦
leshem888的博客
09-24 1482
字体侵权的严重性大家都知道，为了避免侵权要不就选择购买，要不就直接使用免费商用的字体。下面我推荐5个可以免费下载商用字体的网站，希望对大家有帮助！更多设计素材免费下载：https://www.sucai999.com/?v=NTYwNDUx1、100fonthttps://www.100font.com/这是一个专门收集整理免费商用字体的网站，里面有差不多有一百多块字体，都有详细的分类。字体全部都是免费可商用，网站还提供了一键打包下载功能，非常方便。2、求字体网http://www.qiuziti.com/
前端中的网页中的字体如何实现
A_bet_of_three_years的博客
12-15 3118
前端中的网页中的字体如何实现
前端开发之web字体
iicecream的专栏
10-09 3290
一般来说，我们做出的页面的样式受三方面影响，一是浏览器的默认样式，二是我们制作页面时所进行的网页的定义样式，三则是用户浏览器所做的自定义样式了。从理论上来说这三方面影响，后者总是大于前者，比如我们程序员所做的网页样式，可以覆盖掉浏览器的默认模式，诸如Css hack的手段层出不穷，而用户的浏览器自定义更能在我们做的页面定义的样式上改变其所见的网页，当然提供这种自定义功能的浏览器并不普及，诸如火狐和
Web字体前端资源
格码老师教编程
04-02 478
http://www.shejidaren.com/css3-type-inspiration.html ---------------------- http://hao.shejidaren.com/
前端网页字体科普
宋坚强大大~~
11-15 2937
字体分类 常见的字体可以分为两类：衬线体、无衬线体。 1、serif（衬线体）：在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 常见的衬线体有： •宋体、楷体 •Times New Roman 2、sans-serif（无衬线体）：笔划粗细基本一致，只剩下主干，造型简明有力，起源也很晚。适用于标题、广告等，识别性高。 常见的无衬线体有： •黑体 •Wind...
关于网页前端的 font字体
qq_41210350的博客
07-20 896
&lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;link rel="shortcut icon" href="img/mynote.ico"/&gt;         &lt;title&gt;fon
如何在前端中嵌入字体
最新发布
02-06
在前端中嵌入字体可以使用 @font-face 规则。 步骤如下： 1. 将字体文件放到网站的文件夹中。 2. 在 CSS 文件中加入 @font-face 规则，指定字体的名称以及字体文件的路径。 例如： ```css @font-face { font-family: 'My Font'; src: url('fonts/myfont.ttf') format('truetype'); } ``` 3. 使用字体。 在需要使用该字体的元素的样式中设置 font-family 属性即可。 例如： ```css body { font-family: 'My Font', sans-serif; } ``` 注意：浏览器可能不支持所有字体格式，因此在 @font-face 规则中应该同时提供多种格式的字体文件，以便能够在尽可能多的浏览器中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值