发现一个奇怪的现象:(http://m.muzhiwan.com) 这里面的图标竟然不是一张张小图标图片?Firebug下查看一下元素,竟然是这样的: 页面源代码如下: 好奇怪啊,这些个乱七八糟的&#xfxxx难道就是对应的图标?于是产生了好奇心,百度一下,发现原来这是矢量图标字体! 使用icon font来生成图标相对于基于图片的图标来说,有如下的好处:1.自由的变化大小2.自由的修改颜色3.添加阴影效果4.IE6也可以支持5.支持图片图标的其它属性,例如,透明度和旋转等等6.可以添加text

1.登录官网 https://www.iconfont.cn/ 2.选择所需要的图标加入图库 新建项目 选择fontClass 并下载到本地   目录如下 3.项目 assets目录下 新建  iconfont 文件夹 并把所有的文件都复制过来(为了以后方便别人查阅) 打开  iconfont.css,添加如下代码: [class^="icon"], [class*=" icon"] { font-family:"iconfont" !impor

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code 微信小程序不能识别很多文件, 其中就包括外部的字体文件. 那我们怎么突破他的防火线呢, 这里主要用得就是在线的字体库. 它的使用不像之前引用阿里巴巴字体库那样简单. 步骤如下: 1.在 阿里巴巴字体库 选购喜欢的字体并下载压缩文件, 详细方法这里不赘述, 不懂的请看 阿里巴巴字体库使用方法 2.Copy iconfont.css文件的内容, 可以选择放在全局的 app.wxss 或者

最近项目上用到了很多svg图,设计师经常频繁改版,苦不堪言,于是就想到了把图片转成字体库来使用. 使用图片的缺点: 1. 图片加载速度慢 2. 图片大小固定,无法调节 3. 当代码重构或者图片目录位置改变时,需要一个个修改,繁琐而且容易出错 字体库优点 1. 字体不会因缩放而失真(这根制作字体的图片有很大关系) 2. 使用方便,灵活,不受代码重构或者文件位置移动影响 3. 文字效果可以很容易地应用到你的图标上,包括颜色,阴影和翻转等效果. 如何制作字体库 有很多工具可以制作字体库,本文就不在一一

目录: 1:CSS家族五大字体 2:360和谷歌外部字体引用方法 3:谷歌外部字体引用方法详解 4:@font-face用法详解 一: {font-family:serif,sans-serif,fantasy,cursive}表示什么意思 这是CSS中的五大字体家族. serifserif 中文翻译为“衬线字体族”.serif 具有末端加粗.扩张或尖细末端,或以实际的衬线结尾的一类字体.可以看出 serif 总是在文字末端做文章,这样做的目的是增强可读性,也就是说在字号比较小的时候,serif

欢迎增加 Cocos2d-x 交流群: 193411763 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/37650843 通常为了使游戏界面更为美观,我们会选用某种字体来达到效果.今天要介绍的便是怎样在iOS中引入ttf字体库文件(Cocos2d-x 原理同样) 在iOS中使用字体库的过程例如以下(Android无需下述处理,可直接使用): 1.获取ttf字体库文件(网上搜索一搜一堆) 2.在Mac上安装字体库文件(主要用于

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo

今天同事拿着前期阶段开发的视频绘图库给另外一个同事的电脑上测试,结果发现老是出现打开字体库失败,但从打印的日志信息看,路径下确实存在字体库啊,这是什么原因? 于是没办法,搬到自己本级上再测试下,从他机器上压缩一个包,然后到自己机器上测试. 结果发现也打开字体库失败,后面查了半天的原因,字体库没什么问题,是因为字体库的路径有问题,导致打开失败,因为sdl_ttf不支持中文路径下的字体库(中文路径的话,需要使用utf8进行转换才可以打开),所以一直打开失败.坑爹啊,因为这原因折腾了半天,所以今天写此

## 0. 前言 比较基础的图标加载:<img src="x.png">和块元素的背景background: url(./x.png). 页面多图标时,使用雪碧图(多个png压缩成一个png,定位来使用),减少图片所占空间. 大屏显示,为保证图标清晰度,可以使用svg格式的图片.svg是矢量图,直接更改svg代码中path的fill改变颜色. 可自编辑开源svg库 [http://www.iconfont.cn/home/index](http://www.iconfont

问题: QT4.8.6在移植到开发板上的时候,中文支持是必不可少的,如何让QT支持中文,如何制作QT支持的字体文件,如何使QT UI编辑器中的字号与开发板中的字号一致. 详解: 1>如何让QT支持中文  QT程序中指明的字体和字号在/opt/qt-4.8.6/lib/fonts目录下没有对应的字库文件时,QT会选择某一个存在的字库文件来显示:那么,如果你的系统中只有需要一种字体和字号,那么则可以将fonts目录下不需要的字库文件全部删掉,只保留这个需要的字体文件即可. 上面是一种很方便的做法,无

一,centos系统默认不支持中文字体的,需要手动安装windows系统中的中文字体库到centos中. 首先,将windows系统中的字体拷贝出来: windows:打开C:\Windows\Fonts 1,查看系统安装了哪些字体 fc-list   (如果没有此命令,需要yum安装字体库) 2,安装字体库 yum -y install fontconfig cd /usr/share/fonts mkdir chinese cd chinese #上传拷贝出来的windows中文字 chmo

开发Android的人大多都知道,Android里面对字体的支持少得可怜,默认情况下,TextView  的 typeface 属性支持 "Sans","serif","monospace" 这三种字体,如果在没有指定字体的情况下,系统缺省会使用 "Sans" 作为文本显示的字体.但这三种字体只支持英文,也就是说只要你显示的文字是中文,无论你选择这三种字体中的哪一种,显示效果都是一样的. 但这对开发一款精致的APP来说,或许是

很多时候,我们需要做一些图像生成工作(譬如验证码之类的),这时候,我们一般都需要用到系统的字体库.但事情却总非尽善人意,我们所使用的Linux操作系统无法像Windows操作系统那样足够“旗舰”,字体这种东西,分分钟都是缺失的(譬如我们选择Minimum方式安装或者没有选择Chinese Support之类的).如果遇到这种情况,我们就得发扬DIY(自己动手丰衣足食)的精神,自己给操作系统安装字体库了.本节内容,我们将讲解如何为CentOS(Red Hat流)操作系统安装字体库,使用Ubuntu

最近在centos7.0下用itextpdf将word文档转成pdf时出现字体丢失的情况.网上找了很多资料,各式各样的原因和解决方法.后来经过一番测试发现是centos7.0 minimal没有安装相应的字体库导致itextpdf转换时出现字体丢失.下面记录下centos7下安装字体库的方法. 安装字体管理工具: yum install -y fontconfig mkfontscale 1) Windows下的ttf字体与GNOME是兼容的!因而可以将C:\Windows\Fonts下的字体打

前言 报表中发现有中文乱码和中文字体不整齐(重叠)的情况,首先考虑的就是操作系统是否有中文字体,在CentOS 7中发现输入命令查看字体列表是提示命令无效:  如上图可以看出,不仅没有中文字体,连字体库都没有,那么接下来就记录一下在Linux CentOS 7中如何安装字体库以及中文字体. 安装字体库 在CentOS 4.x开始用fontconfig来安装字体库,所以输入以下命令即可: yum -y install fontconfig 当看到下图的提示信息时说明已安装成功:   这时在/usr

Cocos2d-x 对于中文的支持-----iconv库 转自:http://momowing.diandian.com/post/2013-01-16/40047183777 Jetion: 我们在win32下创建类的时候,文件都是默认的ANSI的格式,如果你使用了中文,那么你在win32下就会看到乱码.当然,移植Android的时候,你把文件格式改为UTF-8即可. 但是为了方便win32下的调试,也为了省事点,我们需要一种方法能直接在win32和Android下显示中文的,这时候我们就需要

步骤一:找一个ttf字体库 步骤二:找到这个ttf字体库的真实名称 打开你的应用 "字体册"(MAC OS系统下),如下图操作): 找到了字体库真实名称,那么修改将其真名作为为此新的字体库名称即可. 然后将其加入你的项目中即可使用 步骤三: 打开Xcode项目资源下的info.plist文件: 然后右键 "Add Row",添加"Fonts provided by application "条目,如下图: (将新加的字体库真名加入此条目列表下即可

1.将需要的字体库xxx.ttf添加到工程中,注意一定要在copy bundle resources中存在,如果没有添加上去 2.在info.plist 文件中添加 fonts provided by application 默认为array,也可以使用dictionary  添加value为  xxx.ttf 可以添加多个,使用的时候写对应字体名字就行. 如下图: 3.在你的工程就可以直接用了.xx.font = [UIFont fontWithName:@"FZZhunYuan-M02S&q

首先,在assets资源文件下放入图标字体库. 我这儿采用的是fontawesome-webfont.ttf 然后, 在安卓中加载这个资源文件 Typeface fontFace = Typeface.createFromAsset(context.getAssets(), "fontawesome-webfont.ttf"); 自定义一个string.xml文件存放这些字体库的对应引用 <?xml version="1.0" encoding="u

1.网上搜索字体文件(后缀名为.ttf,或.odf) 2.把字体库导入到工程的resouce中 3.在程序viewdidload中加载一下一段代码 NSArray *familyNames = [UIFont familyNames]; for( NSString *familyName in familyNames ){ printf( "Family: %s \n", [familyName UTF8String] ); NSArray *fontNames = [UIFont f

装机之后装系统,装完系统就装texlive,然后又遇一坑,编译以前的文档竟然找不到某字体: kpathsea:make_tex: Invalid fontname `FontAwesome Regular', contains ' ' !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! fontspec error: "font-not-found"! ! The font "FontAwesome Regular"