字体版权

免费好用的Noto字体

谁说我不能喝 提交于 2020-03-26 18:56:28
前阵子做PDF的导出,PDF中会被嵌入字体以确保在各种环境中文本都能准确显示,但这带来一个问题:版权。其实我只是想让我的系统导出PDF,并没想着用多好多贵的字体,有没有免费的字体呢?--有的!Google这方面确实做了一些贡献,这系列字体就叫Noto。 Noto字体的官网是: https://www.google.com/get/noto/ 网站上面说了Noto这个名字的来源:当你尝试打开一个页面,但页面上的语言文本在你的电脑上缺乏必要的显示字体时,文本会被显示为方块,一个个方块就像一块块豆腐(Tofu),为了避免这种情况出现,Google开发了这系列全球通用的字体,起名为“不要豆腐”(No Tofu),所以叫Noto。Noto包括了很多种语言,对于简体中文来说,它主要提供了两种字体族:Sans和Serif,Sans类似于黑体,而Serif类似于宋体,事实上,我觉得Noto的显示效果比默认的黑体和宋体都要好。参考下图: 这是在VSCode中使用 Noto Mono 和 Noto Sans Mono CJK SC Regular 的效果: 我个人觉得非常不错。 最后,这个系列的字体时完全免费的,这意味着你可以将它和你的产品一起发售,这样再不会因为字体版权的问题引起啥纠纷了。 来源: https://www.cnblogs.com/guogangj/p/12576250.html

聊聊Iconfont

别等时光非礼了梦想. 提交于 2020-03-01 22:26:31
一、前言 说起Iconfont,对大多数人来说可能不是什么新的技术了,现在好多大网站已经开始使用Iconfont。博主今天主要是简单说一下它的使用方法,聊聊使用它时可能遇到哪些坑,不熟悉的同学可以简要看一下,资深了解的同学,如果发现问题,还请指正。 二、什么是Iconfont 有的同学可能会问什么是Iconfont ? 其实,Iconfont 就是指用字体文件取代图片文件,来展示图标、特殊字体等元素的一种方法。 那么哪些网站在用它呢?有什么优缺点?以及如何使用它,接下来我们一一解答这几个问题。 首先让我们来看看都哪些网站使用了Iconfont 。 淘宝用到的地方 新浪微博用到的地方 还有像豆瓣,一淘,想玩等网站也都用到了它,我就不一一粘结图出来了,有兴趣的同学可以去瞧一瞧。 看完别人用到的地方,大家是不是也开始跃跃欲试了呢? 不过在具体说使用它之前,还需了解一下Iconfont 有什么优缺点,到底适不适合我们在项目中使用。 先来看看优点: 加载文件体积小。 可以直接通过css的font-size,color修改它的大小和颜色,对于需要缩放多个尺寸的图标,是个很好的解决方案。 支持一些css3对文字的效果,例如:阴影、旋转、透明度。 兼容低版本浏览器。 不过它也有局限性,不能作为css sprite的替代品,我们来看看缺点: 矢量图只能是纯色的。 制作门槛高,耗时长,维护成本也很高。

iconfont技术分享

主宰稳场 提交于 2020-01-27 13:04:46
提问 提需求的人图标样式(颜色)要换? 图标如何满足不同的分辨率以及清晰度? 图标太多导致项目体积越来越大,如何瘦身? 按钮状态切换只用一个图标,例如点击和松开,甚至更多的状态? 用字体来代替图标 阿里iconfont 轻量性:一个图标字体比一系列的图像(特别是在Retina屏中使用双倍图像)要小。一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像。可以减少HTTP请求,还可以配合HTML5离线存储做性能优化。 灵活性:图标字体可以用过font-size属性设置其任何大小,还可以加各种文字效果,包括颜色、Hover状态、透明度、阴影和翻转等效果。可以在任何背景下显示。使用位图的话,必须得为每个不同大小和不同效果的图像输出一个不同文件。 跨平台:支持android,iOS,web,微信小程序。 兼容性:网页字体支持所有现代浏览器,包括IE低版本。 iconfont 制作的基本原理 Unicode 码表是一个很大的表格,每个表格都对应一个 Unicode 字符,每个字符都有一个 Unicode 码值对应,如 “李” 对应 “\u674e”, “靖” 对应 “\u9756”。因为码表很大,有部分表格并没有对应的字符,但是它有自己的码值。iconfont 的制作,首先将绘制的图形(可以是一张图片、也可以是一个 svg 描述)通过工具或者程序生成文字icon

图标字体的优缺点和使用

旧城冷巷雨未停 提交于 2020-01-26 11:35:12
图标字体的优势和劣势 优势 轻量级:一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,不需要下载一个个图像。这样可以减少HTTP的请求数量,而且和HTML5的离线存储配合,可以对性能做出优化。 灵活性:不调字体可以像页面中的文字一样,通过font-size属性来对其进行大小的设置,而且还可以添加各种文字效果,如color、hover、filter、text-shadow、transform等效果。灵活的简直不像话! 兼容性:图标字体支持现代浏览器,甚至是低版本的IE浏览器,所以可以放心的使用它。 相比于位图放大图片会出现失真、缩小又会浪费掉像素点,图标字体不会出现这种情况。 劣势 图标字体只能被渲染成单色,或者是CSS3的渐变色 版权上也有着对应的限制,当然还是有很多免费的图标字体可以供我们下载。 当自己创作图标字体的时候,是比较耗费时间的,重构人员的后期维护成本也比较高 图标字体的制作 1、网址:https://icomoon.io 2、点击左上角的IcoMoon App 3、进入之后点击Import Icons把SVG图片上传上去 4、全选上传上去的图片,点击右下角的Generate Font 5、每个项目下都会有一个Get Code按钮,点击它会出现一个使用方法的弹窗 6、点击左上角的Preferences,在Font Name中设置生成字体的名称 7

设计师,程序员,当心字体侵权

爱⌒轻易说出口 提交于 2020-01-08 10:02:41
近些年不时会听到这样的报道:某公司因字体侵权被罚款多少,某电影因几个字侵权被罚款多少,某实习生因不了解字体版权导致公司巨额损失等等。 最近在设计一个网站时特意调研了一下字体侵权的事,汇总分享给大家,免得再掉进坑中。同时,也为大家提供一些可免费商用的字体库。文末有免费字体库礼包。 顺便提一下写这篇文章的一个契机,因为调研了字体版权的事,看待其他网站或产品时便会无形中留意一下。就在昨天用微信读书时,想调整一下字的大小,竟然发现微信读书使用的默认字体就是免费商用的“思源字体”。 这样原来了解的两个知识“点”,碰撞在一起,便成了一条线了,因此便生出了写本文的想法。回头细想,微信读书采用该字体的初衷是什么?不管怎样,如果采用免费商用的字体,最起码能省不少钱吧。而且个人感觉对阅读体验影响也并不是很大。 字体版权 当字体被申请了版权之后,字体的商业使用便需要获得授权,有些甚至需要付高额的版权费用。这当然在情理之中,特别是汉字的字体设计,往往花费了设计师大量的心血。 所谓版权是专属知识产权,如果是大众的、通行的字体的使用不涉及版权争议,比如宋体,楷体,颜体……如果是自创体,并在其中赋予了创造性,或根据通用字体而编辑出版的字贴、字模等,并申报了版权保护,如果被盗用则会涉及版权纠纷。 根据《中华人民共和国著作权法》的规定,作品在以下一些情况可以不经授权也不需要付费即可使用。为个人学习、研究或者欣赏

echarts字体自适应div大小

柔情痞子 提交于 2019-12-08 03:44:45
版权声明:本文为章鱼哥原创文章,若要转载,请注明出处 https://blog.csdn.net/qq_40388552/article/details/85066037 echarts字体如何自适应div大小: 结合对字体使用百分比设置,例如:fontSize: ‘75%’, 来源: CSDN 作者: 很有想法的小伙子 链接: https://blog.csdn.net/qq_40388552/article/details/85066037

如何优雅的选择字体(font-family)

孤者浪人 提交于 2019-12-07 08:53:06
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一、首先我们看看各平台的默认字体情况 1、Window下: ·宋体(SimSun):Win下大部分游览器的默认字体, 宋体 在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。 ·微软雅黑("Microsoft Yahei"):从 Vista 开始,微软提供了这款新的字体,一款无衬线的黑体类字体,并且拥有 Regular 、 Bold 两种粗细的字重,显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始, 微软雅黑 又加入了 Light 这款更细的字重,对于喜欢细字体的设计、开发人员又多了一个新的选择。 ·Arial:Win平台上默认的无衬线西文字体(为什么要说英文字体后面会解释),有多种变体,显示效果一般。 ·Tahoma:十分常见的无衬线字体,被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型,显示效果比 Arial 要好。 ·Verdana:无衬线字体,优点在于它在小字上仍结构清晰端整、阅读辨识容易。

CSS font-family 各字体一览表

孤人 提交于 2019-12-06 04:41:47
windows常见内置中文字体 字体中文名 字体英文名 宋体 SimSun(浏览器默认) 黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 KaiTi 新宋体 NSimSun 仿宋 FangSong OS X常见内置中文字体 字体中文名 字体英文名 苹方 PingFang SC 华文黑体 STHeiti 华文楷体 STKaiti 华文宋体 STSong 华文仿宋 STFangsong 华文中宋 STZhongsong 华文琥珀 STHupo 华文新魏 STXinwei 华文隶书 STLiti 华文行楷 STXingkai 冬青黑体简 Hiragino Sans GB 兰亭黑-简 Lantinghei SC 翩翩体-简 Hanzipen SC 手札体-简 Hannotate SC 宋体-简 Songti SC 娃娃体-简 Wawati SC 魏碑-简 Weibei SC 行楷-简 Xingkai SC 雅痞-简 Yapi SC 圆体-简 Yuanti SC office安装后新增字体 字体中文名 字体英文名 幼圆 YouYuan 隶书 LiSu 华文细黑 STXihei 华文楷体 STKaiti 华文宋体 STSong 华文仿宋 STFangsong 华文中宋 STZhongsong 华文彩云 STCaiyun

字体侵权问题

匿名 (未验证) 提交于 2019-12-02 23:43:01
1.“微软雅黑”字体版权属于“方正公司”不可商用,商用需取得授权; 2.“苹方”字体版权属于“威锋数位(原华康科技)”; 3.系统自带的黑体、宋体、仿宋、隶书、楷体、幼圆这六款字体属于通用字体,没有具体的著作权,可作商用; 4.可商用字体:思源字体,思源衍生字体,站酷系列字体(站酷庆科黄油体,站酷文艺体,站酷小薇LOGO体,站酷酷黑体,站酷意大利体,站酷快乐体,站酷高端黑体),濑户字体,阿里巴巴普惠体,庞门正道标题体,联盟起艺卢帅正锐黑体,手书体中文简体,文泉驿系列字体; 转载请标明出处: 字体侵权问题 文章来源: 字体侵权问题

html中对应Word中的字体和字号

感情迁移 提交于 2019-11-30 22:27:08
原文链接: https://blog.csdn.net/xuexizhe88/article/details/79277587;https://blog.csdn.net/qq_31603575/article/details/80518047 网上找了一下,要么是只有字体要么是只有字号。故鄙人都整理了下,附原文链接 ———————————————— 原文链接:https://blog.csdn.net/xuexizhe88/article/details/79277587 原文链接:https://blog.csdn.net/qq_31603575/article/details/80518047 windows常见内置中文字体 字体中文名 字体英文名 宋体 SimSun(浏览器默认) 黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 KaiTi 新宋体 NSimSun 仿宋 FangSong OS X常见内置中文字体 字体中文名 字体英文名 苹方 PingFang SC 华文黑体 STHeiti 华文楷体 STKaiti 华文宋体 STSong 华文仿宋 STFangsong 华文中宋 STZhongsong 华文琥珀 STHupo 华文新魏 STXinwei 华文隶书 STLiti 华文行楷