开发者社区开发与运维文章正文

如何将 Font Awesome 转成 PNG 图标

2017-06-06 1566

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

Font Awesome为Twitter Bootstrap提供了一种独一无二的图像字体.它还提供了CSS的很强的扩展性. CSS 提供了一种描述HTML的机制，可以让你自由的设计网页。你能给Font Awesome加上各种各样的参数来满足你的需求，比如说改变字体，字体大小，图标颜色，阴影等等。
screenshot

文章转载自开源中国社区 [http://www.oschina.net]

文章标签：

前端开发

美人迟暮

编程达人

前端开发 API

css:网页引入字体@font-face以及动态加载字体

编程达人

278 0 0

熊猫ewall

9、阿里巴巴矢量图库icon-font的运用

前言：今天说下在项目中的使用图标库 GitHub：https://github.com/Ewall1106/mall 一、新建图标项目 1、打开阿里巴巴矢量图库这个网站，进入图标管理中，在里面新建一个项目 iconfont官网 2、然后...

熊猫ewall

8804 0 0

jerrywangsap

3月前

前端开发开发者

关于 FontAwesome 字体图标库的 content 属性

jerrywangsap

27 0 0

一壶明月

9月前

Java

Typora字体颜色设置：一键替换MD文件的字体样式

一壶明月

160 0 0

刘悦的技术博客

在之前的几篇文章中，介绍了业界中比较火爆的图片技术SVG(Scalable Vector Graphics),比如[Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统](https://v3u.cn/a_id_143),我们可以使用svg来打造精美炫酷的分享小图标(icon)，这一次我们使用python来将普通的静态的网站logo图片转换为带路径(path)的svg图片，这样就可以让网站logo能够变成动态的，作为一名不折腾不舒服斯基，一枚炫酷自带动画的网站logo自然能够满足我们的折腾欲，同时亦能击中我们的虚荣心。

刘悦的技术博客

345 0 0

Python3.7将普通图片(png)转换为SVG图片格式并且让你的网站Logo(图标)从此”动”起来

ThundersArk

前端开发 CDN

Font-Awesome4.7.0版本字体图标显示问题

在Font-Awesome4.7.0版本有时可能会出现字体图标显示为空白小方框的情况，本文提供一个解决思路

ThundersArk

1049 0 0

ThundersArk

开发者

Font-Awesome如何引入矢量字体图标

在开发网页的过程中，我们会经常需要用到一些小图标来进行形象地说明解释或者装饰网页，但是传统的图片引用方式引入的的是图像图标，不易修改，而矢量字体图标则能很好地解决这一问题，因为矢量字体图标的本质是字体，可以使用“<style>”标签对其属性进行修改，非常方便，已经被广泛应用于网页开发中！本文主要介绍font-awesome-4.7.0的引入和使用

ThundersArk

301 0 0