精华内容
下载资源
问答
  • 设计师大大们不用麻烦的找字体了,共有1.07G的字体文件,苹果电脑和Windows电脑均可使用 主流字体:方正系列 还有英文标题字体都可以用! PS:方正和汉仪的字体尽量不要用于商用,具体原因,可以查度娘! 以上是...

    平时需要到处找字体做海报、做PPT的有福啦!

    东哥这两天更新整理了大概500多种字体,一起打包整理好了。让设计师大大们不用麻烦的找字体了,共有1.07G的字体文件,苹果电脑和Windows电脑均可使用

    在这里插入图片描述
    主流字体:方正系列 还有英文标题字体都可以用!
    在这里插入图片描述
    PS:方正和汉仪的字体尽量不要用于商用,具体原因,可以查度娘!
    在这里插入图片描述
    以上是部分字体的截图,因为上班的地方是Windows系统,所以截图是windows界面。

    还有福利!

    东哥还整理了一份可能是最全面的手写风格中文字体包

    包含高达73款各类手写字体,从流畅飘逸的书法到质朴可爱的手写无一不包,全给你打包好了。
    在这里插入图片描述

    敲重点!如何领取字体包?
    点击这里:UI设计师常用500多款字体和73款手写字体打包

    展开全文
  • 因为设计师用的是IMac电脑,设计图默认使用字体为 pingFangSC-Regular,这就需要我们做开发的 引入苹方字体包 以达到和设计图一致的视觉效果,(引入其他字体包 同理) 先上个苹方字体包下载链接: ...

    因为设计师用的是IMac电脑,设计图默认使用的字体为 pingFangSC-Regular,这就需要我们做开发的 引入苹方字体包 以达到和设计图一致的视觉效果,(引入其他字体包 同理)

    先上个苹方字体包下载链接: https://pan.baidu.com/s/1xI4A7MO3u-P2qQbvS8pu0w 提取码:gqwi

     

    首先先演示下如何引入字体包

    1、下载好字体包之后,在项目中新建一个font文件夹,将字体包复制放入

    2、在css文件夹下新建一个font.css 文件,并引入字体

    @font-face {
      font-family: "pingFangSC-Regular";
      src: url("../font/PingFang Regular_0.ttf");
      font-weight: normal;
      font-style: normal;
    }

    3、在html页面中引入font.css

    4、完成以上步骤,我们就已经引入了本地字体库了,我们在css文件里就可以设置字体 font-family 为所引入的字体

    网上的很多文章的写法都是如上图所示的写法,但是有些人可能会发现,字体并没有如预期般设为苹方字体,那你可以改成如下所示:

    ps:苹方字体简介

    苹方分为简体的:苹方-简(PingFang SC), 繁体:苹方-繁(PingFang TC) ,苹方-港(PingFang HK)
    苹方提供了六个字重:
    苹方 简体(PingFang SC):
    苹方-简 常规体
    font-family: PingFangSC-Regular, sans-serif;
    苹方-简 极细体
    font-family: PingFangSC-Ultralight, sans-serif;
    苹方-简 细体
    font-family: PingFangSC-Light, sans-serif;
    苹方-简 纤细体
    font-family: PingFangSC-Thin, sans-serif;
    苹方-简 中黑体
    font-family: PingFangSC-Medium, sans-serif;
    苹方-简 中粗体
    font-family: PingFangSC-Semibold, sans-serif;
    
    苹方-繁(PingFang TC) :
    font-family: PingFangTC-Regular, sans-serif;
    font-family: PingFangTC-Ultralight, sans-serif;
    font-family: PingFangTC-Light, sans-serif;
    font-family: PingFangTC-Thin, sans-serif;
    font-family: PingFangTC-Medium, sans-serif;
    font-family: PingFangTC-Semibold, sans-serif;
    
    苹方-港(PingFang HK) :
    font-family: PingFangHK-Regular, sans-serif;
    font-family: PingFangHK-Ultralight, sans-serif;
    font-family: PingFangHK-Light, sans-serif;
    font-family: PingFangHK-Thin, sans-serif;
    font-family: PingFangHK-Medium, sans-serif;
    font-family: PingFangHK-Semibold, sans-serif;

     全文为个人学习的记录,有些为个人理解,若有不恰当之处,欢迎指正!

     

     

     

     

     

    展开全文
  • UI设计新手必知的字体设计规范!

    千次阅读 2020-03-07 15:25:33
    有很多UI设计新手在使用字体会不知所措,不是字号不行,就是字体不合适。接下来就给大家分享UI设计新手必知的字体设计规范。 Character:字间距 字间距,是在两个文字中间的距离,一般加在一个字符的后段。如字符...

    字体是UI设计师制作图片、图标甚至海报宣传时必不可少的组成部分。有很多UI设计新手在使用字体时会不知所措,不是字号不行,就是字体不合适。接下来就给大家分享UI设计新手必知的字体设计规范。

    Character:字间距

    字间距,是在两个文字中间的距离,一般加在一个字符的后段。如字符『AK』,默认Character为0,那么两个字符中间的间距,则是为字体默认所设定的安全距离。如果给Character设定一个值50,那么会自动在A的后段加上50px,那么显示效果则变成『A K』。
    在这里插入图片描述
    line:行高

    即UI Lable中字段所占用的高度实际大小。默认字体会设定一个安全距离,那么在设备中字段所占用的line高度 = 字体像素大小+升降安全距离+扩高值。标注间距的时候,务必得把line值包含在内,否则实现出来容易出现字体偏移位置不对等情况。

    Paragraph:行距

    很多同学在调完这个参数,发现跟调整line值差不多。但其实Paragraph调整的是两行中间的间距,不单独调整单行字段的占用空间。我们标注的时候,一定需要标注的较为仔细。如果发现开发出来的字体样式与设计稿不一致,那么我们只需要提供以上这几个参数值即可。

    为了保持字体的完整展示,UI设计师都会给字体预留一定的安全距离,设定合适的升部线及降部线距离,让字体展示的更为平衡。此外,我们还需要关注字号的大小设置,比如大号的字体阅读起来更为舒适,能精准快速的传达信息,提升阅读效率,降低视觉疲劳。

    我们在做设计时,字号的单位需遵循原子理论,也就是使用一个基数作为倍增,如2、4、6、8、10 或者3、6、9、12。但其实我们在做移动端设计时,单位需要遵循偶数原则,因为开发中的单位是以一倍图的基数来进行计算。那么其实在制定字体规范中,使用2为单位会导致字号过多,不易管理,且2号字体的差异化不大。所以在字号方面我们使用4作为单位是比较合适的:一是适配后在@2x跟@3x不会出现半像素,二是使用4为单位,能满足字体大小的均衡。

    除了掌握字体的使用规范,UI设计师还要了解各种设计原则,更重要的是具备扎实的技能,这样才能满足企业的需要。

    展开全文
  • 设计师,程序员,当心字体侵权

    千次阅读 2020-01-08 09:40:12
    最近在设计一个网站特意调研了一下字体侵权的事,汇总分享给大家,免得再掉进坑中。同时,也为大家提供一些可免费商用的字体库。文末有免费字体库礼包。 顺便提一下写这篇文章的一个契机,因为调研了字体版权的事...

    近些年不时会听到这样的报道:某公司因字体侵权被罚款多少,某电影因几个字侵权被罚款多少,某实习生因不了解字体版权导致公司巨额损失等等。

    最近在设计一个网站时特意调研了一下字体侵权的事,汇总分享给大家,免得再掉进坑中。同时,也为大家提供一些可免费商用的字体库。文末有免费字体库礼包。

    顺便提一下写这篇文章的一个契机,因为调研了字体版权的事,看待其他网站或产品时便会无形中留意一下。就在昨天用微信读书时,想调整一下字的大小,竟然发现微信读书使用的默认字体就是免费商用的“思源字体”。

    这样原来了解的两个知识“点”,碰撞在一起,便成了一条线了,因此便生出了写本文的想法。回头细想,微信读书采用该字体的初衷是什么?不管怎样,如果采用免费商用的字体,最起码能省不少钱吧。而且个人感觉对阅读体验影响也并不是很大。

    image

    字体版权

    当字体被申请了版权之后,字体的商业使用便需要获得授权,有些甚至需要付高额的版权费用。这当然在情理之中,特别是汉字的字体设计,往往花费了设计师大量的心血。

    所谓版权是专属知识产权,如果是大众的、通行的字体的使用不涉及版权争议,比如宋体,楷体,颜体……如果是自创体,并在其中赋予了创造性,或根据通用字体而编辑出版的字贴、字模等,并申报了版权保护,如果被盗用则会涉及版权纠纷。

    根据《中华人民共和国著作权法》的规定,作品在以下一些情况可以不经授权也不需要付费即可使用。为个人学习、研究或者欣赏;在介绍、评论中适当引用;为学校课堂教学或者科学研究;新闻报道;国家机关为执行公务合理范围内使用;公益陈列、保存、表演;转换成少数民族语文和盲文。

    对于字体内容,个人普通使用以及公益使用都应该采取自动获得授权方式。只要以合法手段取得已经发表的字体应用于以上领域,不需要获得授权,也不需要付费。

    字体的使用权限一般分为商用字体、商用授权免费、商用免费三类。商用字体在商业使用的过程中必须购买,比如微软购买了方正的微软雅黑授权。商用授权免费,这一类是可以免费商用,但在使用之前需要先取得授权,比如方正的方正黑体、方正书宋、方正仿宋和方正楷体;商用免费,不需要授权可以直接商用,比如上面提到的思源宋体。

    商业使用的界定:商业使用包括以直接营利或者间接营利为目的,将字体作为视觉设计要素,进行复制、发行、展览、放映、信息网络传播、广播等使用字体的行为。比如,在企业宣传、广告设计、产品包装中使用。同时,设计者或产品开发者也不可以自行将「字体」嵌入其他APP或应用程序。

    日常侵权

    最常见的版权坑就是微软雅黑字体,很多人认为微软雅黑属于微软,可以拿来商用。其实微软雅黑只是方正授权微软在word等办公软件中使用。字体所属方授权依然属于方正。如果把有微软雅黑字体的文稿,转化为PDF、印刷物(海报、易拉宝、banner)、图片等,则可能涉及到字体侵权。

    某些情况可能出于美观需要,网页要展示微软雅黑的字体,该如何处理呢?这就涉及到前端css的使用。如果在css中引入微软雅黑字体(font-family:“微软雅黑”),则不会产生侵权,因为只是设定了如果载体(Windows系统等)有安装微软雅黑的字体,则网站显示该字体,这个字体授权的控制在客户端那里。

    但在网站样式文件中,打包微软雅黑字体,客户打开网站会预加载微软雅黑字体,则属于侵权行为。

    image

    还有一种情况就是字体变形,而变形需要超过50%以上才算是具有创造性,但这个50%其实比较难以界定。单纯的拉高、压缩、斜体、描边、添加阴影或少许变动都可能涉及侵权。

    免费商用字体

    思源字体系列:由Adobe在线字体库Typekityu与谷歌一起合作开发,字库对中(简体/繁体)、日、韩三国汉字进行了全面优化支持,非常全面。思源字体不仅是个免费字体,还是一个开源字体,任何用户都可以在思源的基础上调整修改出新字体。

    image

    该字体免费开源于GitHub上:https://github.com/adobe-fonts/source-han-sans

    方正系列:方正字库提供了四种针对「商业发布」的免费字体,方正黑体、方正书宋、方正仿宋和方正楷体,虽然可商用,但依然需要方正公司书面授权。

    image

    站酷字体系列:站酷高端黑便是站酷网近百名设计师参与创作开发的,除此之外,还推出多款免费字体供设计师使用。

    王汉宗字体系列:中原大学数学系王汉宗教授所研发,王汉宗教授先分别在2000年和2004年先后捐出十套WCL系列字型和32套新字型,但是由于字形与汉仪字库有大量重复,因此存在各种版权纠纷,我们挑出了几款没有版权纠纷的字体。

    台湾教育部系列:台湾教育部做了几款,不过这三款字体都是繁体字库,并不支持简体字。

    文泉驿字体系列:和思源字体系列一样,文泉驿也是一款开源字库,并且在Linux/Unix系统中获得广泛运用。

    当然还有一些其他的免费字体,就不在此一一举例了。

    对软件从业者的话

    字体侵权往往存在于有商业目的的行为,像我们个人正常使用并没有问题。但作为软件从业者,如果想自己搭建网站创造一些额外的收入,则需要注意字体版权的问题。

    比如,录制视频教程时PPT的字体、出售的付费文件的字体等。字体安装比较简单,下载字体包,安装到本地。然后,一般情况下在所使用的word或keynote等软件中便可选择该字体进行使用。防患于未然,避免不必要的损失。

    最后,给大家提供了一个免费字体的包,除了上面思源字体可以在GitHub的链接上下载。其他的字体可以关注公众号“程序新视界”,回复“006”获取免费下载。多一份小心,少一份麻烦和损失。

    原文链接:《设计师,程序员,当心字体侵权


    程序新视界

    关注程序员的职场生涯,大量优质学习资源、技术文章分享

    程序新视界-微信公众号

    展开全文
  • 在iconfont这么发达的年代,作为前端设计工程师使用font awesome 是十分频繁的,而“png图”样式图标现在已经应用的比较少了,追溯其原因还是浏览器内核的渲染速度提升和字体库多浏览器(包括手机)的支持,矢量字体...
  • PS字体包(下载)

    2011-11-22 16:33:06
    ps设计必用的字体,对于制作海报,设计图片,具有很重要的作用。
  • 字体图标的使用

    千次阅读 2018-11-11 11:17:40
    在开发中我们经常会使用各种图标,为了节省资源,你可能不会自己设计自己需要的图标,这时候你可已通过http://www.iconfont.cn/这个网站来获取自己需要的图标,在开发过程中,我们会使用在线图标链接,易于增加所需...
  • 设计元素——字体

    千次阅读 2011-05-25 10:23:00
    Robin.Williams在《写给大家看的设计书》一书中将字体分为六大类(知道是不是他老人家原创):1、Oldstyle——Oldstyle类别的字体是基于手写体创建的,这一类别的字体都有一条自左上向右下倾斜的强调线!...
  • 网页设计中常用字体

    千次阅读 2016-10-24 16:03:34
    1.网页设计中的英文字体,一般有以下五类: serif(衬线) sans-serif(无衬线) monospace(等宽) fantasy(梦幻) cuisive(花体) 网页设计中最常见的无衬线字体 在常见的两种字体风格中,衬线体的...
  • 包含使用额外的字体 主要实现描述如下: 创建bitmap对象的代码如下: 创建一个400像素*400像素、背景色绿色、文字加粗的图像 Bitmapbitmap = Bitmap.createBitmap(400,400, Config.ARGB_8888);//创建一...
  • 使用icomoon生成字体图标

    千次阅读 2018-04-19 22:47:24
    使用icomoon生成字体图标小伙伴们应该或多或少的都使用字体图标吧,由于最近项目里面大量使用各种按钮图标,因为时间的原因,一开始没有好好设计直接就拿图片网上怼,后来图片越来越多,页面压力山大啊,而且对加载速度...
  • Unity使用艺术字体

    千次阅读 2018-05-11 15:01:06
    还有要替换的文字图片 需要你们的UI设计师给提供 我这里是替换玩家得分的数字艺术字 每个数字一张图片 大小自定 安装好之后,打开位图字体制作工具,长这样的:  菜单栏上单击 Edit -> Open Image Ma...
  • 5分钟玩Axure之导入新字体

    千次阅读 2020-08-23 15:34:39
    官方给出的字体有时候并符合设计者的口味或者并不是很方便使用。则需要用户自己去做多样性的拓展,今天主要以FontAwesome,字体icon,每个icon其实就是一个文字,文字是可以随便更改颜色和大小。 以Windows为例,...
  • windows程序设计 文字和字体

    千次阅读 2013-09-04 17:29:38
    文字和字体 简单的文字输出 让我们先来看看Windows为文字输出、影响文字的设备内容属性以及备用字体提供的各种函数。 文字输出函数 我已经在许多范例程序中使用过最常用的文字输出函数: TextOut (hdc, xStart, ...
  • 熟知,从HTML4时代把图标做在一张图上使用css background来提高页面加载速度到“扁平化UI”趋势的到来,再到“手机UI”简洁化设计的大浪潮的席卷下,使用字体库变得更加广泛,各种字体库层出不穷,并且网站拥有一套...
  • 思源字体下载使用

    千次阅读 2019-02-21 10:35:47
    这段时间在做官网,设计师出了一份PSD,其他部分都搞完了,但就是字体,怎么我做出来的跟PSD字体完全两码事!?好丑啊!问了一下设计师,原来他用的字体叫思源黑体……我怎么没听过……后来查了才知道思源黑体字体是...
  • 设计师会经常用到很多造型各异的字体,来提升设计作品的逼格,但在前端代码实现网页设计稿,由于系统默认或者用户安装的字体格式比较有限,很多特殊字体无法显示出设计效果,此时就需要引入特殊字体包,...
  • 这几款字体都是小编精心挑选的中国风古风古韵中文字体,美工设计师工作时候必可少的。为什么人人都爱书法体?当然是潇洒磅礴有气势!今天为大家带来 92 款高品质书法体 原帖地址:...
  • ios中使用自己添加的字体

    千次阅读 2016-01-07 13:47:10
    我们公司的设计是一位有情怀的设计师, 他觉得苹果系统自带的字体太丑了, 就想用兰亭中黑. 故事就这样开启了 1. 给设计师要他想添加的字体, 记住千万要TTF格式, 千万要TTF格式, 千万要TTF格式, 重要的事情说三次, ...
  • 微信小程序添加使用外部字体

    万次阅读 2017-02-27 14:30:42
    字体使用是网页设计可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看到真实的设计。 美工设计师最常做的办法是把想要...
  • 在网页上使用外部字体格式

    千次阅读 2018-01-02 15:46:27
    在网页上使用外部字体格式1、首先下载web font的文件,其中格式有.ttf(TrueTypeFont)是由Apple公司和Microsoft公司共同推出的字体文件格式,.svg,.eot,.woff,如下所示为整个目录:2、然后再文件里面引用1中下载的...
  • TrueType字体利用位图的方式来实现文本是一种方式,但是这种方式需要事先知道字符的点阵信息,字符...但是在Windows9x和Windows NT/2000系统下,不能在双缓冲的OpenGL应用中直接应用GDI调用来显示TrueType字符。 为了
  • 因为字体不一样,结果出来的效果和设计稿差很多。 但是现在这个问题已经解决,css3出了一个外部字体库的功能,之前为了写这个功能,绕了很多弯路,直至心灰意冷。后来终于找到了一个解决问题的方法。二、解决方法 ...
  • 这是因为我们的glBuildFont函数仅仅是为英文设计的,它针对每种英文字体生成了128个显示列表,显示某一个字符只需要调用对应的显示列表即可。汉字字符和英文字符不同的是,每一个汉字占用两个字节,和
  • 所谓的标准字体是多数机器上都会有的,或者即使没有也可以由默认字体替代的字体。 方法:1、用图片代替  2、web fonts在线字库,如Google Webfonts,Typekit 等等;... ...
  • H5 页面的动态文案需要使用艺术字体,而通常情况下,字体包都是很大的,全部加载肯定是不行的。 那该怎么办呢? 分析 对于普通的 H5 页面需要使用艺术字体,我能想到的解决方案大致是以下几种。 1、静态文案: 直接...
  • Fontello:图标字体使用

    千次阅读 2017-03-17 11:53:35
    通常,网页设计开发中,一般都采用图片的形式来做图标,比如,手机图标,定位图标,密码图标等等,使用图片作为图标的话往往有许多不便,如改变大小,颜色等等,都需要打开软件重新作图; 而Fontello就像字体一样,...
  • onlyoffice5.4.2离线的制作—解决中文字体问题

    千次阅读 热门讨论 2020-01-29 00:37:24
    向全国奋战在医疗一线的医护工作者们致敬。...的大小达到了3.413G。这是我制作的第五个版本离线。从5.0.7——5.1.2——5.1.5——5.3.4——5.4.2。本次直接上升了1个G,我也很纳闷,原版只增加了十几兆,我觉得...
  • iOS使用外置TTF字体

    千次阅读 2013-03-15 12:14:51
    1.在iOS中,系统的字体满足设计要求,需要使用.ttf或者.odf字体 Demo地址 使用.ttf字体的方法。将.ttf作为资源文件加入到项目中。 并且在项目的XX-Info.plist中加上Fonts provided by application...
  • 网站能使用微软雅黑字体吗?是否会构成侵权?微软雅黑有版本吗?    最近做网站,听说雅黑有版权不能用,但是使用了黑体 网站又贼丑无比,惨不忍睹 资深架构师搜了个这个文章, 分享给大家   结论:   在 CSS 中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 116,805
精华内容 46,722
关键字:

包转设计时哪些字体不能使用