矢量字体

2.3freetype矢量字体

蹲街弑〆低调 提交于 2020-02-16 22:02:03
1.简介 将汉字的笔划边缘用直线段描述成封闭的曲线,并将线段各端点的坐标经压缩存储 矢量字库由两部分组成,一部分是汉字的索引信息,一部分是汉字的字形(glyph)数据 当显示文字时,便取出各端点,并通过贝塞尔曲线连接各坐标,最后填充封闭空间 2.freetype在电脑上的体验 PC上安装到(/usr/local/) 1.解压 tar -xjf freetype-2.4.10.tar.bz2 2.重命名 mv freetype-2.4.10 freetype-2.4.10_pc 3.配置 cd freetype-2.4.10_pc ./configure 4.编译 make 5.安装到根目录 sudo make install //直接将库安装到根目录/usr/local/里,所以需要加sudo 编译文件时 eg:编译例程:example1.c(关于freetype的代码) gcc -o example1 example1.c -I /usr/local/include/freetype2/ -lfreetype -lm 解析: -I /usr/local/include/freetype2/ 指定头文件目录 -lfreetype -lm 链接文件,链接freetype库中的函数;链接数学库中的函数 运行 eg: ./example1 simsun.ttc agf /*

阿里巴巴矢量字体图标库的使用

和自甴很熟 提交于 2019-12-06 05:16:11
一、引用线上图标库 登录阿里巴巴矢量图标库,鼠标悬停在需要的图标,点击收藏入库(购物车图标),点击下载到本地或添加到项目。 二、新版Iconfont-阿里巴巴矢量图标库支持引用方式: 1.fontclass引用( unicode引用的升级 ) 使用步骤如下: 第一步:引入项目下面生成的fontclass代码: < link rel ="stylesheet" type ="text/css" href ="http://at.alicdn.com/t/font_1538765_ryfscksuxrt.css" > 第二步:挑选相应图标并获取类名,应用于页面(需要加前面的样式 icon icon font): < i class ="icon iconfont iconBusinessIcons_DealTag " ></ i > "iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。 2.symbol引用(推荐使用) 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点: 支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过,来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般

阿里巴巴矢量字体图标库的使用

醉酒当歌 提交于 2019-12-01 23:45:01
一、引用线上图标库 登录阿里巴巴矢量图标库,鼠标悬停在需要的图标,点击收藏入库(购物车图标),点击下载到本地或添加到项目。 二、新版Iconfont-阿里巴巴矢量图标库支持引用方式: 1.fontclass引用( unicode引用的升级 ) 使用步骤如下: 第一步:引入项目下面生成的fontclass代码: < link rel ="stylesheet" type ="text/css" href ="http://at.alicdn.com/t/font_1538765_ryfscksuxrt.css" > 第二步:挑选相应图标并获取类名,应用于页面(需要加前面的样式 icon icon font): < i class ="icon iconfont iconBusinessIcons_DealTag " ></ i > "iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。 2.symbol引用(推荐使用) 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点: 支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过,来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般

阿里巴巴矢量字体图标库的使用

雨燕双飞 提交于 2019-12-01 23:27:11
一、引用线上图标库 登录阿里巴巴矢量图标库,鼠标悬停在需要的图标,点击收藏入库(购物车图标),点击下载到本地或添加到项目。 二、新版Iconfont-阿里巴巴矢量图标库支持引用方式: 1.fontclass引用( unicode引用的升级 ) 使用步骤如下: 第一步:引入项目下面生成的fontclass代码: < link rel ="stylesheet" type ="text/css" href ="http://at.alicdn.com/t/font_1538765_ryfscksuxrt.css" > 第二步:挑选相应图标并获取类名,应用于页面(需要加前面的样式 icon icon font): < i class ="icon iconfont iconBusinessIcons_DealTag " ></ i > "iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。 2.symbol引用(推荐使用) 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点: 支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过,来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般