octicons

除了阿里的iconfont图标库,还有这10个开源SVG图标库

守給你的承諾、 提交于 2020-05-08 12:00:55
在国内,我想大家基本上都是用阿里的 iconfont 图标库,这里介绍10个其他的开源图标库,下面列出的所有库都是完全开源的,因为我已经检查了许可条款和条件。 Font Awesome 我相信我们大多数人至少使用过一次Font Awesome图标,直到现在为止,因为它们是最早发布的高度流行的开源图标库之一。截至目前,他们的图库中总共有1,588个免费图标和7,842个专业图标。 Font Awesome仍被广泛使用的主要原因之一可能是因为它们提供大量的各种图标。我们的网站实际上使用了Font Awesome Pro的双色调图标,我们相信,与其他类似网站相比,它使我们的网站更具特色。 另一个有趣的功能是Font Awesome提供了一个个性化的CDN链接,如果你创建一个帐户,你可以生成一个个性化的CDN链接。这样,你可以有条件地排除常规图标,而仅使用双色调图标。 当然,你也可以通过直接复制粘贴SVG代码来选择仅包含几个图标,如果你在网站上使用的图标不超过20-30个,我建议你这样做。 总之,有很多使用Font Awesome的方法,例如复制单个图标的SVG源代码,下载库或使用公共或自己的CDN。他们的页面很棒,可以帮助你 开始使用Font Awesome 。 Demo: fontawesome.com/ Github: github.com/FortAwesome… Ionicons

Creating a cross browser icon webfont

心已入冬 提交于 2020-01-01 01:30:09
问题 I have been making my own webfont taking as a starting point articles from web designer depot and intridea. I know different engines render fonts differently and but the issue I'm having is that firefox renders the font higher than chrome - at the size I am displaying the font this is very noticeable (3 or 4 px - which on a button means they're totally misaligned). I have also referenced Github's octicon documentation - when checking out how octicons compare browser they look great! No

Font files are blocked by CORS policy

有些话、适合烂在心里 提交于 2019-12-11 15:24:13
问题 I want to build a server accelerated by a CDN provider, which serves static files for my other websites. I decide to use https://www.funfun.org.cn, then for example https://www.funfun.org.cn/libs/font-awesome.min.css and https://www.funfun.org.cn/libs/octicons.min.css should be able to be used by other websites. However, when I test this server by my website in localhost, I see the following errors: For example, Access to Font at 'https://www.funfun.org.cn/libs/octicons.woff' from origin