webfont

Android 使用Font Awesome 显示文字图标

main上右键-->New-->Folder-->AssetsFolder.将FontAwesome字体文件copy到assets指定的路径,这里我放在assets/font/fontawesome-webfont.ttf
didikee·2020-03-05 15:37

mac平台解析字体为png/svg的app

WebFont是一个字体处理客户端，它可以把字体文件中的指定字形导出为svg、pdf和png格式的文件，你可以在偏好设置中指定任意的颜色和尺寸。
stormtea·2020-02-16 19:03

前端框架增加自定义fontIcons的方法

在这里主要介绍的是阿里巴巴的矢量图标管理网站（Iconfont.cn），它也是国内首家推广Webfont形式图标的平台。
阿拉斯加南海岸线·2020-02-15 03:45

压缩字体的工具font-spider

字蛛通过分析本地CSS与HTML文件获取WebFont中没有使用的字符，并将这些字符数据从字体中删除以实现压缩，同时生成跨浏览器使用的格式。
厚脸皮的书·2020-02-07 00:14

@font-face引入字体以及字体优化

pingfangRegular{font-family:"PingFangRegular";}4.优化字体（字蛛FontSpider）官网：http://font-spider.org/字蛛通过分析本地CSS与HTML文件获取WebFont
Keiko_Yen·2020-02-05 05:25

font图标兼容ie6

@font-face{font-family:'MyWebFont';src:url('webfont.eot');/*IE9CompatModes*/src:url('webfont.eot?
zhcnnet·2020-02-02 23:19

2018-03-23

1.当需要使用PS中的字体时，首先下载PS的字体，然后在https://www.fontsquirrel.com/tools/webfont-generator网站上进行格式转换，建议用Safir浏览器打开
梨啊梨·2020-02-02 07:50

解密 Iconfont

了解iconfont之前我们先看看WebFont我们都知道，
不二很纯洁·2019-12-28 10:24

自定义博客园样式

RainFate';font-style:normal;font-weight:normal;src:url("http://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot
雨水的命运·2019-12-20 22:00

图片资源优化：iconfont整理分享

简介IconFont技术起源于Web领域的WebFont技术。随着时间的推移，网页设计越来越漂亮。但是电脑预装的字体远远无法满足设计者的要求，于是WebFont技术诞生了。
rivenlee·2019-12-18 17:16

前端解决中文字体加载慢的问题

推荐的跨浏览器@font-faceCSS写法：/*声明WebFont*/@font-face{font-family:'fontName';/*字体名称*/src:url('..
JuanitaLee·2019-12-15 02:05

使用 font-spider 对 webfont 网页字体进行压缩

原文链接：使用font-spider对webfont网页字体进行压缩随着当前Web技术的日新月异，网页界面内容越来越丰富，让人眼花缭乱，其中就包括了网页中的各种自定义字体。
米开朗基杨·2019-12-13 06:16

使用 font-spider 对 webfont 网页字体进行压缩

原文链接：使用font-spider对webfont网页字体进行压缩随着当前Web技术的日新月异，网页界面内容越来越丰富，让人眼花缭乱，其中就包括了网页中的各种自定义字体。
米开朗基杨·2019-12-12 14:00

WebFont字体文件压缩

WebFont字体文件压缩@font-face对CSS3来说，现在已经不是很陌生了，页面上的很多图标都是通过字体展示出来的。
尹小芃槑·2019-12-07 06:20

CSS 引入外部字体

@font-face{font-family:'MyWebFont';src:url('webfont.eot');/*IE9CompatModes*/src:url('webfont.eot?
Evelynzzz·2019-12-03 10:50

浏览器发展史

介绍：其实这个篇章并没有什么技术含量，这个篇章作为一个单独的篇章做出来是身为一个web前端工程师（Webfont-enddeveloper）的职业素养。
Qsir11·2019-11-30 07:11

UI资源链接（随机排名）

设计导航站←点击左边跳转收藏了各种资源站，值得浏览收藏设计导航站.png阿里图标库←点击左边跳转阿里图标库是由阿里巴巴UX部门推出的矢量图标管理网站，也是国内首家推广Webfont形式图标的平台。
淡漠de人生·2019-11-08 03:19

fontawesome-webfont.woff ttf等字体加载不了的问题

firefox下显示http状态码为200,但文件内容是0字节，但直接打开字体url却可以下载。chrome下显示404,请求状态码为canceled，就是取消了请求.但发现下载的demo程序正常，一部署就不正常了。最后发现是跨域问题。由于部署的时候将样式，字体放到静态服务器static.xx.com。后台域名为admin.xx.com所以在nginx.conf里找到static.xx.com的配
tboqi1·2019-11-06 15:37

关于引用Font Awesome之后并不能显示的问题

/font/fontawesome-webfont.eot?v=3.2.1');font-aweso
姜姜姜Ning·2019-11-05 04:21

博客引入漂亮字体二三事

原文首发链接http://www.jeffjade.com/2015/10/28/2015-10-28-css3-webfont/CSS3@font-face当然要使用自定义字体，就得借助下@font
晚晴幽草·2019-11-01 20:52

CSS3 字体图标

也不用像精灵图那样要计算背景图的位置，十分方便1.注册字体font-family:字体名称src:字体源文件路径@font-face{font-family:'webfont';src:url('webfont
---空白---·2019-10-01 23:00

在线字体

1.找到需要添加字体的文字，然后打开iconfont，https://www.iconfont.cn/webfont?spm=a313x.7781068.0.d81ec59f2#!
明明的喵喵·2019-09-26 14:00

font-carrier 生成字体操作记录

主要经过:SVG文件使用第三方模块生成字体文件(ttf,svg,woff...)生成图标跟CSS的映射生成TypeScript组件当中使用枚举类型打包更新npm模块生成字体文件跟CSS映射我们之前用的是webfont
题叶·2019-09-26 00:00

处理springboot OTS parsing error: Failed to convert WOFF 2.0 font to SFNT

项目中添加了字体等文件后，页面无法识别，浏览器调试窗口报错如下：Failedtodecodedownloadedfont:http://localhost:8080/fonts/fontawesome-webfont.woff
Mr.ning·2019-08-28 09:00

Mpvue引入fontAwesome图标库

font-awesome/css/font-awesome.min.css’此时使用的话报错VM23297:2Failedtoloadlocalfontresource/static/fonts/fontawesome-webfont.woff2
cs0710·2019-07-14 11:52

vue 引用自定义ttf、otf、在线字体的方法

/assets/Snickles-webfont.ttf');}@font-face{font-family:
stu_yiliang·2019-05-09 10:01

微信小程序如何使用字体图标

打开刚才下载的文件，在fonts文件夹找到fontawesome-webfont.ttf打开Transfonter官网，将fontawesome-webfont.ttf上传，选择base64编码，然后conver
一只前端小白·2019-04-25 15:02

深入理解CSS @font-face性能优化

font-face基本用法font-face的基本用法想必大家都是知道的，基本上就是类似这样：@font-face{font-family:Lato;src:url('font-lato/lato-regular-webfont.woff2
腾讯IVWEB团队·2019-03-06 15:26

webfont的使用的方法

伪元素::beforeand::after的作用，如何通过css自定义生成图标本文借鉴了寻找薛定谔的猫的博客区分伪元素和伪类常见的伪元素：::first-letter,::first:line,::before,::after,::selection常见的伪类：:hover,:link,:active,:target,:not(),:focus注意一点：::before和::after中有特殊的c
Civen Dong·2019-02-27 22:21

vue 引用自定义ttf、otf、在线字体

/assets/Snickles-webfont.ttf');}@font-face{font-family:
stu_yiliang·2018-10-11 23:44

解决fonts/fontawesome-webfont.woff2 404 (Not Found) fonts/fontawesome-webfont.ttf 404 (Not Found)

只是记录思路1、确认springMVC能正确访问静态资源，三种方法：1）在web.xml中配置servelet-mappingdefault2)在spring-mvc.xml中配置3）在spring-mvc中配置等2、如果中间件使用的tomcat可以在web.xml中配置其他服务器再另行查询配置3、更换fontawesome文件下载地址http://fontawesome.dashgame.com
k_e_vi_n·2018-10-05 20:55

网站前端嵌入特殊字体

html二、网页中嵌入特殊字体（@font-face）https://www.w3cways.com/1738.html转换字体的网站http://www.fontsquirrel.com/tools/webfont-generatorfont
Tanya木易·2018-08-21 13:29

css系列之关于字体的事

WebFont字体类型与格式按照字体的描述方式来分：点阵字体矢量字体（轮廓字体）按照字体的表现形式来分：衬线字体（serif）：比如，宋体，Georgia，TimesNewRoman非衬线字体（sans-serif
zhouzhou·2018-07-20 00:00

自定义字体的优化

使用工具缩小字体文件的体积npminstallfont-spider-g页面中/*声明WebFont*/@font-face{font-family:'pinghei';src:url('..
谷雨陈·2018-07-11 18:38

Antd编程规范

/static/fonts/fontawesome-webfont.ttf'
Pjee·2018-06-14 00:00

如何以Angular的姿势打开Font-Awesome详解

环境Angular:v5.2.9Font-Awesome:v5.0.10angular-fontawesome:v0.1.0-9无须再用传统的WebFont方式以前习惯于Font-Awesome的传统方式
tjcccc·2018-04-22 14:45

前端学习的踩坑记录--font-spider（字蛛）

使用说明安装npminstallfont-spider-g使用首先需要在css文件中引入WebFont/*声明WebFont*/@font-f
芭芭芭蕉桑·2018-04-19 15:03

使用正则表达式找出所有不包含某字符串的行

然而这样做会把类似fontawesome-webfont.svg和glyphicons-halflings-regular.svg这样的字体文件也匹配进去这是一个强迫症患者所不能接受的。
CarterLi·2018-03-05 00:00

Asp.net Core CORS（跨域资源共享）实验

/fonts/fontawesome-webfont.eot?v=4.7.0');…}浏览器没有按照预想的那样访问到远程字体资源并抛出了异常：大意是CORS策
lookerblue·2018-02-28 13:00

CSS - 通过 WebFont 技术引入在线字体（@font-face 语句）

@font-faceMDN资料@font-face用法的参考博客WebFont技术的参考博客开源项目webfontloader开源项目字蛛（中文字体压缩器）中文字体网页开发指南-阮一峰@font-face
kikajack·2018-02-07 14:32

webfont字体的使用

在CSS3之前，web设计师必须使用已在用户计算机上安装好的字体。通过CSS3，web设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时，可将该字体文件存放到web服务器上，它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在CSS3@font-face规则中定义的。浏览器支持：Firefox、Chrome、Safari以及Opera支持.ttf(TrueTypeFon
soosgo·2018-01-10 15:03

18、自定义字体

ttf.otf.woff.eot.svg字体工具查找字体的网站：http://www.dafont.com修改字体图片格式的线上工具https://www.fontsquirrel.com/tools/webfont-generator
IUVO·2017-11-08 17:04

element UI中使用awesome图标（非import方式）

webpack，试了一下，下面的方式可以在icon中正常显示awesome图标1、复制font-awesome.min.css到项目CSS目录中2、复制FontAwesome.otf、fontawesome-webfont.eot
sensejw·2017-09-30 16:00

element UI中使用awesome图标（非import方式）

webpack，试了一下，下面的方式可以在icon中正常显示awesome图标1、复制font-awesome.min.css到项目CSS目录中2、复制FontAwesome.otf、fontawesome-webfont.eot
sensejw·2017-09-30 16:00

设计师的春天：中文WebFont解决方案Font-Spider(字蛛)

我们在日常需求中，经常会碰到视觉设计师对某个中文字体效果非常坚持的情况，因为页面是否高大上，字体选择是很重要的一个因素，选择合适的字体可以让页面更优雅。面对这种问题，我们通常以下方式来进行设计还原：使用图片背景还原设计，即使用photoshop将文本图层单独导出成网页背景图片。产生的问题制作与维护成本很高。切图繁琐、高清屏适配繁琐、合并雪碧图更繁琐，后期修改更加繁琐。用户体验差。导致网页不支持选中
陈帅·2017-07-18 00:00

中文Webfont（附神器推荐）

联系E-mail：给我留言编者按：WebFont技术可以让网页使用在线字体，而无需使用图片，在国外非常流行，由于中文的特殊情况，有几个难题一直没搞定。
卓小灵·2017-06-08 15:28

在 css 中使用 @font-face

下面的定义，可以最大兼容浏览器支持：@font-face{font-family:'MyWebFont';src:url('webfont.eot');/*IE9CompatModes*/src:url
Lixh1986·2017-05-24 14:00

中文字体压缩工具-字蛛 使用总结

1.下载node.js//这个没有任何难度，直接下载windows版本，安装即可安装命令：npminstallfont-spider-g新建一个font.css,复制下面代码（注意路径）：/*声明WebFont
null_su·2017-04-27 16:28

css3文字与字体样式

css3使用服务器端字体:使用服务器端字体@font-face{font-family:webFont;/*此代码会首先用客户端字体Arial，如果客户端没有用下面一种服务器端字体*//*format格式
weixin_30834019·2017-03-13 12:00

在网页中使用中文字体（字蛛）与中文字体分享

字蛛是一个WebFont智能压缩工具，它能自动化分析页面中所使用的WebFont并进行按需压缩，通常好几MB的中文字体可以被压缩成几KB大小。福利在最后。
左蓝·2017-03-07 23:59
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他