推薦一個字體工具:Fontmin

工具:Fontmin

在這裏插入圖片描述

簡介

官網:http://ecomfe.github.io/fontmin/
Github:https://github.com/ecomfe/fontmin

該工具百度出品,號稱 第一個純 JavaScript 字體子集化方案 自然也事有自己的過人之處的,主要有以下用途:

  • 提取部分字體
  • 轉換字體格式
  • 生成 webfont 和對應 CSS 樣式

應用場景

有時候,我們想給網站的 Logo 、 Slogan 、標題、活動頁等的中文自定義字體,我們可以使用 @font-face 引入 Web 字體,但是完整的中文字體庫都是 8M 10M ,加載性能非常差,所以我們提取部分我們使用到的字體,這樣可以把字體文件變成幾KB。

用法

var Fontmin = require('fontmin');

var fontmin = new Fontmin()
    .src('fonts/*.ttf')
    .dest('build/fonts');

fontmin.run(function (err, files) {
    if (err) {
        throw err;
    }

    console.log(files[0]);
    // => { contents: <Buffer 00 01 00 ...> }
});

詳細介紹和用法可以看這篇文章: http://efe.baidu.com/blog/fontmin-getting-started/

同時爲你推薦幾款:基於 Fontmin 的工具

  • fontmin-app - Fontmin 桌面版 App,需下載安裝使用
  • gulp-fontmin - Fontmin 的 Gulp 插件
  • font-spider - 自動分析頁面使用的 WebFont 並進行按需壓縮

工具:Web-fontmin

在這裏插入圖片描述

簡介

Web-fontmin官網:https://web-fontmin-app-ogrsynirlm.now.sh
Github:https://github.com/forsigner/web-fontmin

Web-fontmin 是一個基於 Fontmin 構建的字體工具,作用主要有:

  • 提取字體
  • 字體格式轉換

fontmin 和 Web-fontmin的區別

Web-fontmin 是:Squirrel + fontmin-app 的結合體。
Squirrel 只有單純的生成不同格式的webfont,且不支持中文。Web-fontmin不單止可以轉換格式同時支持中文,還可以提取字體,並且有更快的上傳和轉換速度。

Fontmin-app 主要作用是提取字體,需要下載安裝,且不支持Linux。
Web-Fontmin 擁有Fontmin-app的所有功能,並且在線即可用。

推薦幾個免費的字體網站

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章