fonts.css-html教程-PHP中文网

fonts.css

php中文网

发布： 2016-06-21 08:57:04

原创

1969人浏览过

Fonts.css -- 跨平台中文字体解决方案

一直以来跨平台的中文字体 CSS 设置都是一件让人很头疼的事情，这个库打包了一些常见字体的名字，希望能覆盖 Windows、Mac 以及 Linux 的常见字体，方便引用。在 font-family 直接支持宋、楷、黑和仿宋之前，我觉得这样一种解决方案依然还是必要的。

Demo & Doc

http://zenozeng.github.io/fonts.css/

NPM

npm install fonts.css --save

登录后复制

Usage

<head>    <link rel="stylesheet" type="text/css" href="fonts.css" /></head><body>    <p class="font-kai">        故天将降大任于是人也必先苦其心智劳其筋骨饿其体肤空乏其身行弗乱其所为所以动心忍性曾益其所不能    </p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p></body>

登录后复制

Contribute

Fork 这个项目然后修改 fonts.yml。如果你要自己编译可以npm安装 coffee-script, js-yaml 然后运行 cake build。如果不的话，可以直接 pull request 回来，由我来编译。

Known Issues

关于 MS Office 自带的华文字体

我现在的观点是，作为一个库我应该直接面向 API，既然系统的字体列表里有华文字体，那么就应该被认为是可用的。再加上华文字体是 Mac 下默认就提供的字体，所以我调整了华文字体在列表里头的顺序。

License

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.