开源字体ebay-font、IBM Type、uiw-iconfont、codefont介绍

以下为你介绍的开源字体都可用在Linux系统上:ebay-font(网页字体加载模块)、IBM Type(IBM 开源新字体)、uiw-iconfont(uiw-icons,开源图标字体)、codefont(等宽字体快速安装脚本)。

1、ebay-font(网页字体加载模块)

ebay-font 是 eBay 开源的一个可以有效加载自定义网页字体的小型工具,使用了一种可以避免 FOUT 和 FOIT 同时加载的策略。这可视为等同于 CSS @font-face 描述符 font-display: optional,但 font-display 在浏览器的支持并不普遍。

因此,ebay-font 利用 localStorage, FontFaceSet API 和 Font Face Observer 工具(如果 FontFaceSet API 不存在,就作为备份),提供了和 font-display: optional 同样的功能。

支持的浏览器有:Chrome (desktop、Android)、Firefox、Opera、Safari (desktop、iOS)、IE8+、Android WebKit。

下载地址:https://github.com/eBay/ebay-font

2、IBM Type(IBM 开源新字体)

随着 IBM 新的字体 IBM Plex 的出现了,带来了一套新的指导和最佳实践方案。IBM 排版是国际化和现代化的,这反映了 IBM 的品牌和设计原则。

警告:IBM Type还在不断的开发,在实际情况下IBM会认真执行,以便查找任何困难。

怎么使用,以下是方法。

安装,运行:

npm install @ibm/type

如果您想使用编译的CSS,请参考dist文件夹中的文件:

<link rel="stylesheet" type="text/css" href="node_modules/@ibm/type/dist/css/ibm-type.min.css">

如果您想使用sass部分,请将文件导入到src文件夹中:

@import 'node_modules/@ibm/type/src/_core.scss';

@import 'node_modules/@ibm/type/src/_styles.scss';

@import 'node_modules/@ibm/type/src/_width.scss';

下载地址:https://github.com/IBM/plex

3、uiw-iconfont(开源图标字体)

开源字体ebay-font、IBM Type、uiw-iconfont、codefont介绍

uiw-icons,从uiw组件库抽离出来的图标字体,基于 svg 图片生成的图标字体。

安装:

npm install uiw-iconfont --save

开发添加:

在克隆项目之后运行 npm install 来安装依赖,你能够做如下操作。

编译字体 *.svg *.ttf *.woff *.eot 等字体文件:

npm run font

编译网站并提交到gh-pages分支:

npm run start

下载地址:https://github.com/uiwjs/icons/releases

4、codefont(等宽字体快速安装脚本)

开源字体ebay-font、IBM Type、uiw-iconfont、codefont介绍

等宽字体快速安装脚本:

运行./install.sh 安装全部字体。

快速安装:

# clone

git clone https://github.com/zhenruyan/codefont --depth=1

# install

cd fonts

./install.sh

# clean-up a bit

cd ..

rm -rf fonts

已收录字体,先后不代表排名:

yaheiconsolas

EspressoMonoRegular

jxyahei

centschbook-mono

droidsansmono更新

thai-scalable

google-droid

3270

anka-coder

AnonymousPro

Arimo

aurulent

average

bitstream-vera

bpmono

camingocode

code-new-roman

consolamono

Cousine

cutive

D2Coding

dejavu

DroidSansMono

effects-eighty

fantasque-sans

fifteen

FiraMono

fixedsys

gnu-freefont

gnutypewriter

go-mono

gohu

hack

hermit

Inconsolata

InputMono

iosevka

latin-modern

lekton

liberation

LiberationMono

luculent

luxi

meslo

Monofur

monoid

mononoki

mplus

notcouriersans

NotoMono

nova

office-code-pro

overpass

oxygen

ProFont

proggy-clean

quinze

roboto

space

sudo

SourceCodePro

SymbolNeu

tex-gyre-cursor

Tinos

UbuntuMono

unifont

verily

vt323

下载地址:https://gitee.com/zhenruyan/codefont

注明

以上就是开源字体ebay-font、IBM Type、uiw-iconfont、codefont的介绍内容,这些开源字体都能使用在Linux操作系统中。

栏目相关文章