css字体转换程序

我下载的是ttf文件,css导入的文件有多种格式:eot,woff,svg

在windows下,需要寻找相应的exe文件来处理或者node.js来处理:

ttf2eot: https://github.com/fontello/ttf2eot (node.js)

ttf2woff: http://wizard.ae.krakow.pl/~jb/ttf2woff/ (exe) https://github.com/fontello/ttf2woff (node.js)

ttf2svg: https://github.com/qdsang/ttf2svg( node.js)

我使用node.js成功得把ttf字体转换成另外三种格式:

参考了:http://www.hankcs.com/program/network/to-solve-the-node-js-error-cannot-find-module-node-static.html

才知道,我要进入到npm root -g 输出的目录中,执行这个js文件,所以我将svg.js 和我的字体放在C:\Users\wakasann\AppData\Roaming\npm\node_modules中了

在 node 命令窗口中,输入:

node svg.js

并成功的执行并生成了字体的svg文件。

我的svg.js 文件

var ttf2svg = require(‘ttf2svg‘), fs = require(‘fs‘);

fs.readFile(‘./gillsans.ttf‘, function (err, buffer) {
    if (!!err) throw err;

    var svgContent = ttf2svg(buffer);
    fs.writeFileSync(‘./gillsans.svg‘, svgContent);

});

时间: 2024-10-12 20:12:45

css字体转换程序的相关文章

CSS字体

CSS字体 导航1.字体类型2.字体大小3.字体样式4.字体粗细 1.字体系列 font-family 属性设置文本的字体系列. font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体. 注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体". 多个字体系列是用一个逗号分隔指明:实例p{font-family:"Times New Roman", Tim

CSS字体大小: em与px、pt、百分比之间的对比

CSS样式最混乱的一个方面是应用程序中文本扩展的font-size属性.在CSS中,你可以用四个不同的单位度量来显示在web浏览器中的文本大小.这四个单位哪一种最适合Web? 这个问题引起了广泛的争论.找到一个确定的答案是困难的, 因为这个问题,本身就是如此难以回答. 接触这些单位 1.  “Ems”(em):“em”是一个可伸缩的单位, 用于web文档媒体展示.一个em等于当前的字体大小,例如,如果文档的字体大小是12 pt,1 em等于12 pt.Ems在本质上是可伸缩的,所以2 em相当于

CSS字体中英文名称对照表(转)

在css文件中,我们常看到有些字体名称变成了乱码,这是由于网页开发者将中文字体的名字直接写成了中文,而css文件本身没有声明字符编码方式,查看时就出现了乱码.为了避免这种乱码状况出现,可以将css文件存为UTF-8 编码,在css文件开头添加以下语句:@charset "utf-8".或者在设置css字体属性值时直接使用中文字体的英文名称. 常用中文字体的英文名称对照表如下: 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Light [ST

css 字体样式设置

css字体样式(Font Style),属性 时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者必需了解的知识.以下是我精心整理的css字体样式属性知识,供大家学习参考: css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant

css字体样式(Font Style),属性

css字体样式(Font Style),属性 css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者必需了解的知识.以下是我精心整理的css字体样式属性知识,供大家学习参考: css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant font-weight font-size font-family} 2 字体类型 {font-family:"

css字体颜色动画

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style> .site__title { color: #f356

常用css字体英文写法

font-family: 'Microsoft Yahei',sans-serif; 宋体:SimSun 黑体:SimHei 常用css字体英文写法

css字体中英文对照表(转)

在css文件中,我们常看到有些字体名称变成了乱码,这是由于网页开发者将中文字体的名字直接写成了中文,而css文件本身没有声明字符编码方式,查看时就出现了乱码.为了避免这种乱码状况出现,可以将css文件存为UTF-8 编码,在css文件开头添加以下语句:@charset "utf-8".或者在设置css字体属性值时直接使用中文字体的英文名称. 常用中文字体的英文名称对照表如下: 中文名 英文名 Unicode Unicode 2 Mac OS 华文细黑 STHeiti Light [ST

CSS字体属性

CSS字体: 属性 描述 font 简写属性,把所有针对字体的属性设置在一个声明中. font-family 设置字体系列. font-size 设置字体的尺寸. font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放. (CSS2.1 已删除该属性.) font-stretch 对字体进行水平拉伸.(CSS2.1 已删除该属性.) font-style 设置字体风格. font-variant 以小型大写字体或者正常字体显示文本. font-weight 设置字体的粗细.