精华内容
下载资源
问答
  • 今天在开发过程中,UI设计直接给我了一个字体库文件,让我在label的显示中直接使用自己库的文件,突然之间感觉懵逼状态,这个怎么弄,其实很简单,一句代码就可以搞定这个字体库的。 工程配置步骤: 1.在准备好了...

          今天在开发过程中,UI设计直接给我了一个字体库文件,让我在label的显示中直接使用自己库的文件,突然之间感觉懵逼状态,这个怎么弄,其实很简单,一句代码就可以搞定这个字体库的。

    工程配置步骤:

    1.在准备好了字库文件后,就可以加到项目中了,是把otf文件加入到项目中,这里需要注意的是要把这些otf加入到bundle中,也就是说,最后的ipa文件中必须包含有这些otf(否则应用中到哪里去找字库呢?)

    加入后如下图所示,注意手动添加到bundle中

    设置到这里还有最后一步,就是在info.plist文件中加入相应信息,这一步实际上实在项目的Info页里面增加Fonts provided by application项,并设置相应的otf文件进去,这样就告诉了应用,我要加入新的字体了,对应的字体文件是哪些。

    到这里,字库文件应该是准备好了,下面我们需要确认一下字库的名字,因为代码中需要用名字来指定字体。通常来说,这个名字和文件名是相同的,但也有不同的时候,所以这一步一定不要忽略。

          字库的名字这里是通过NSLog这个打印语句来获得,我们看一下代码:

    for (NSString *fontFamilyName in [UIFont familyNames]) {  

          NSLog(@"--- %@ ---", fontFamilyName);

        for (NSString *fontName in [UIFont fontNamesForFamilyName:fontFamilyName]) {  

                 NSLog(@"  %@", fontName);  

    }  

         NSLog(@"   ");  

    }  

    具体的使用则如以下代码所示:

        self.testLabel.font = [UIFont fontWithName:@"DIN-Bold" size:20.0];

        self.testLabel.text = @"ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890";

    简单的字体库使用就这样就可以了。

     

    转载于:https://www.cnblogs.com/zzzyyyccc/p/7728932.html

    展开全文
  • 言归正传作为一个设计师,你的素材的质量直接决定了你的档次。今天不废话,直接给各位上最实用,最全的图标网站,再改改就成你自己的了,哈哈哈。保证有你没上过没听过的,如果你恰好全上过,甚至有更好用的网站,...

    f8c8653553c32e8732818c391fa6daf4.gif

    今天是LOGO设计联盟陪伴你的第 1888

    大家累了一天了,先不要忙着看文章,

    先听首歌,放松一下!注意要跟上节奏!

    0f4660cf1950dac5b44b2485ffbf217c.gif

    言归正传

    作为一个设计师,你的素材库的质量直接决定了你的档次。今天不废话,直接给各位上最实用,最全的图标网站,再改改就成你自己的了,哈哈哈。保证有你没上过没听过的,如果你恰好全上过,甚至有更好用的网站,赶紧私聊小编,看还有啥更值得分享给小伙伴们的资源。(其实这个世界雷锋还是挺多的)

    8543f249e9da14b032f5dbc09974f609.png

    1.阿里巴巴矢量图标库-iconfont

    Iconfont-中国第一个最大且功能最全的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。是中国国内非常棒的移动APP图标资源库。071c811cbc6af98113710a524aafcbee.png

    首先,让我们打开网站,看看首页,还是挺干净的。网站大概分为两大部分内容,图标库和网页字体,今天只说图标这件事。e9490094212ec4f15c368b87782a0cdb.png点击图标库,可以看见分类很详细的图标集合。8045b05d7ed1aacad2e7134a82f5b7b7.png9cd90f65c2af81d9bdf9d410ea2a9062.png图标默认色彩是灰色的,小图标,如果你想要不同色彩的,可以更改色彩

    ea7cca3cf8a58785c724d01b834caf0b.png当然,还有很多格式以供下载,如常用的AI,PNG格式,我顺便下载了几个试试。

    af89d06c71f1cfb6a5246d2fbdf84401.png

    阿里巴巴图标素材库包含了衣食住行购物等生活方面的大量图标,当然,如果你是做界面设计的,来这里找素材,那就更好了!

    2.EASYICON 中文图标搜索引擎

    EasyIcon:免费图标搜索下载网是国内一个免费的图标搜索下载站点,可通过关键词和推荐来寻找合适的素材,同时支持打包下载功能。提供超过四十六万个PNG、ICO、ICNS格式图标搜索、图标下载服务。也是国内非常受设计师欢迎的移动APP图标素材资源站。

    38bfa6343d29fedf72d616a10d767c6d.png

    3.icomoon.io/app/ 非常强悍的图标字体生成利器

    Icomoon.io:矢量图标素材分享网是一个提供一系列的矢量图标素材的博客站点,还有免费的HTML5应用程序的自定义图标字体。

    3309cbbfede0cab8b154603c72badec8.png

    4、IconPng.com 爱看图标网,免费中文图标搜索引擎

    收录了76812个免费的PPT图标ICON素材及网页设计图标资源,具有按分类、色系、标题、系列搜索图标的功能,帮助您以最快的速度找到喜欢的APP图标ICONS。支持中文搜索,非常方便至极!

    92ff82dfbe21f20d1dba5094f306f837.png

    天不早了,今天先说到这里吧!

    24eeb56f5b844bf2d215be6dc451c2c9.png

    免责声明:部分图片文字内容来源于网络,如有侵权请联系作者删除。

    文章推荐精选热门,关注后回复【】内的数字即可查看对应文章。【1】:Logo设计中的黄金比例【2】:LOGO设计的忌讳有哪些?【3】:设计圈出事了,合肥地铁新LOGO,你怎么看?【4】:Logo动画设计,好的创意总是令人惊叹!【5】:设计logo没有灵感?看看这些...【6】:比亚迪终于换标了!新车标竟是这样,没想到!!!【7】:logo设计的30种技巧【8】:大师常用的logo素材网站【9】:LOGO的四种创意方式

    ---------------------------------------------------

    做更好的logo?赶紧关注下方帐号!瞬间提升!709833dd7547392adac496ea58eab228.png

    展开全文
  • 作者:佚名 来源:点融设计中心DDC(ID:DR_DDC)在排版文档或设计作品时,从样式繁多的字体库中找到一个合适的字体,往往会让我们感到举步维艰。但是我们可以使用一些小技巧,就能找到我们需要的字体。让我们通过下面...

    作者:佚名 来源:点融设计中心DDC(ID:DR_DDC)

    在排版文档或设计作品时,从样式繁多的字体库中找到一个合适的字体,往往会让我们感到举步维艰。但是我们可以使用一些小技巧,就能找到我们需要的字体。让我们通过下面几个精彩的案列来分享这5条建议。

    什么是特排字体(Display Type)

    在开始之前,我们来了解下什么是特排字体?(如果已知晓请直接跳过)

    特排字体通常指是字号偏大,特别引人注目的文字,通常用于标题或需要放大显示的文字。它源自于印刷设计师的一个术语。(译者:更多说明参见Display_type In Wiki)

    3578b37e6d8313bf6fd5349630e83ade.png

    特排字体主要应用于以下两个方面:

    1、用于需要放大显示的文字

    2、用于每个页面的大标题,或者横幅页头的标题。虽然作为标题使用的字体不如封面的字体那样巨大醒目,但却更广泛的被使用在各个页面上。

    1. 具备可读性

    e6843a4b4c37ec1df1f84b94a1bccf24.png

    为了确保信息传递的有效性,特排字体需要有良好的可读性。这听起来像是一句废话,但实际上你会发现很多大标题阅读困难的设计,这是因为现在有太多各式各样的字体可以选择。

    关于如何选择字体,没有通用规则可言。衬线和无衬线表现能力同样好, 新奇的字体也能表现出理想的效果。

    使用足够大的字体,并有足够多的留白,同时和其他的设计元素形成鲜明的对比,这样文字就能跃然纸上。想象一下,如果这些文字蹦起来对阅读者尖叫到”READ ME”是怎样一种感觉,这正是特排字体需要传达出来的效果。

    2. 字体和单词匹配

    2fe82e69d8eb5ad3dbabed2654f00e8f.png若不是亲眼见证,你可能很难理解为什么字体需要匹配单词。

    我是这样理解的。在设计中,有些单词在某种特定的字体下会显得很难看。这个很难去解释。比如’s’在一个单词里面出现多次,整个字形就不太好看。这样的情况还会发生在一些特殊字符上,比如%,$或&。或者你选用的字体中I,l,1看起来是一样的,而这三个字符又同时出现在页面上,那么这时候你得换个字体了。

    文字需要能吸引人的眼球。这些单词会让人产生某种感受,或浑然天成或装饰过度。如果你觉得一些字符的组合比较奇怪,那用户也会感觉到。

    3. 设计更灵活

    58d1f4801ac6ace296e4d7503a3278ab.png思考一下在你的项目中,你会怎么使用特排字体。是否使用不同的层次和风格来建立正确的总体方案?你选择的字体在辅助文字和主标题是否都表现出很好的效果?

    你需要思考所有可能的使用场景,让你选择的字体拥有足够的灵活度去适应不同使用方式。有些字体可以放大到超级大,用在只有一两个单词的标题上,效果是非常棒的,但如果你还想把同样的字体用在小标题或辅助文字上,就比较困难。

    如果选择的字体能适应不同的场景,你就能较为轻松的完成设计,并且保持设计的一致性。如果你的设计需要更多的灵活性并且兼顾一致性,那么可以考虑使用一个字体族。对于主标题使用粗体,次一级使用细一点的(也可以考虑用颜色来区别)。

    4. 谨慎使用细体

    4ebd35e6289641c9ffe70e4255920171.png有个问题经常被拿来讨论:特排字体使用细体很难表现出需要的效果。

    细小的字体有时候可以表现的很惊艳,也有设计师能把它设计的很漂亮,但是大部分情况下都不能展现出那么好的效果。

    看看第一条建议,首要的目的是要具有可读性。

    5. 考虑下图片内容

    c53c17cf6611dc7d65076951dc09c22a.png

    知道在什么样的图片上使用这些文字也是一个非常重要的环节。如果图片的内容和后续设计传达的信息不一致,就算使用了世界上最美的字体也会显得很怪异。

    对比度也是一个很重要的因素,特别是在视频中深色和浅色的部分是会移动的。文字就需要设计在易识别的背景遮罩层上。

    越来越多的设计师开始选择纯色作为背景,这是一个很有趣的趋势,也让我们见识了很多亮眼又大胆的设计,将文字突出成为了页面上最主要的元素。如果你对你的文字设计很满意,不妨就用纯色背景来突显它们。

    在纯色背景上使用粗体的特排字体,能非常有效的让用户关注到文字本身。颜色是用来将用户的注意力吸引到你想描述的内容上。这样一组综合了多种字体样式的文字,几乎可以适应从高亮颜色到极简黑白的任何配色方案。最重要的事情是你要选择一个非常迷人的字体!

    结论

    一个好的版面设计,首先你要确保你的每一个词易于阅读,并配以合适的色调,同时避免你的设计干扰到阅读者,这样才能取得成功。

    本内容来源于互联网,版权归原作者所有,供学习交流使用,严禁商用,如有侵权请联系我们删除。

    d510f85f2d4335bfe2531a76dc9aa66c.png

    【精彩文章推荐】:

    【Word】邮件合并:批量完成会议牌

    Word文档打印技巧:A4文档如何打印到A3纸上?

    一探究竟!Word图片批量对齐,竟如此简单!

    Word跨页,你必须要掌握的2大神技!

    adefad2b2b8ad6c9119369555514ac05.gif

    哎呀!听说可以学到更多知识

    可是我点不到啊。。。。。。

    展开全文
  • 一、需求分析 之前在写网页的过程中,... 但是现在这个问题已经解决,css3出了一个外部字体库的功能,之前为了写这个功能,绕了很多弯路,直至心灰意冷。后来终于找到了一个解决问题的方法。二、解决方法 第一...

    一、需求分析

        之前在写网页的过程中,遇到很多字的问题。比如ui设计师给了很好看的设计稿,但是因为担心浏览网页的人本地没有这些字体,于是每次都使用单调的微软雅黑或者宋体来代替。因为字体不一样,结果出来的效果和设计稿差很多。

        但是现在这个问题已经解决,css3出了一个外部字体库的功能,之前为了写这个功能,绕了很多弯路,直至心灰意冷。后来终于找到了一个解决问题的方法。


    二、解决方法

        第一步:保证自己本地有需要的字体。

            1、确保自己的本地有你需要的字体。

            2、在自己的项目目录下面建立一个fonts文件夹,把自己需要用到的字体放在这个目录下面。

            ps:获取字体的方式有很多种,可以自己到网上去下载自己喜欢的字体,但是很多字体下载的时候都是需要付费的,知识付费的时代,也很正常,或者可以找ui小姐姐要 。

            3、字体文件也要很多格式,比如 '.ttf'  、'.woff'  、'.eot'  、'.svg'等等各种格式,并且大家很清楚的是,各大浏览器厂商很难做到都兼容各种字体,所以要准备各种格式的字体和代码,以适应各种各样的浏览器。

        第二步、把字体格式转成多种字体格式。

            点击这里即可把你本地的一种字体格式转换成多种字体格式。这个字体格式转换的网站是英文的,但是可以用谷歌的翻译功能。(转换字体这点很重要,我之前就是因为没有转换,结果字体效果根本出不来。

        第三步、在这里贴上css代码和html代码

            1、css代码如下:

    @font-face {
    	font-family: 'YourWebFontName';     /* 这个名字可以自己定义 */
    	src: url('../fonts/delicious-webfont.eot'); /* IE9 Compat Modes */      /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    	src: url('../fonts/delicious-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/delicious-webfont.woff') format('woff'), /* Modern Browsers */
            url('../fonts/delicious-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
            url('../fonts/delicious-webfont.svg#YourWebFontName') format('svg'); /* Legacy iOS */
            font-weight: bold;
            font-style: normal;
    }
    
    div{
    	font-size: 20px;
    	font-family : 'YourWebFontName';   /* 这里的名字一定要和上面自己定义的名字一样 */
    	margin-bottom: 20px;
    }

            2、html代码如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<link rel="stylesheet" href="./css/5.css">
    </head>
    <body>
    	<div>singlemalta</div>
    	<div>What are you doing?</div>
    	<div>I'm study the fonts in web.</div>
    </body>
    </html>

     代码都很简单,没有什么难的地方,主要就是文字的路径填的是你自己的本地路径,还有用的时候写的名字要和自己定义的名字相同,关于这两点,代码里面有详细解释,不要照搬过去。



    如果这里有什么不对的地方,欢迎大家联系我哦~


        

    展开全文
  • iconfont技术的主要目的是为...如需在项目中使用iconfont技术,图标矢量图一开始都应合并转化为字体库(这属于UI设计师的工作了)。在这里会简单说明怎么生成字体库和简单的使用!此技术缺点也很明显,只适用于纯色的...
  • 在一般的网页设计中,网页中的字体都是使用font-family这个CSS属性,但是一般默认的微软...优秀的英文字体库——Google Fonts用法说明:假如你在Google Fonts中看重了如下字体,想应用到自己设计的网页中: 1.点击字体
  • 字体显示问号的这种问题在中国比较突出,主要原因是国内字体比较多,用得也很乱,网上随便就可以搜到两千种CAD字体库的下载。同名的字体有多个不同版本,有时找到同名的字体但因为版本不对替换后仍有问号存在。有些...
  • 优美的配色方案设计

    2017-01-01 13:58:37
    怎么做好设计配色一直是个难题,虽然网站上有各种各样的色,但配色仍然至关重要,不得已的话可以亲自动手,况且乐趣满满。 这个没有一套标准,所以看自己怎么喜欢怎么来。你可以使用Sketch、Illustrator、Key...
  • MindManager 2019更新丰富了主题编辑功能,新鲜的色彩、现代的字体和个性化的设计, 可以让你在做演示文稿时更加鲜明的传达信息。那么,这样集美貌与才华于一身的新功能该如何运用呢? 首先,你需要建立一个新的思维...
  •  字体  对齐和间距  样式  排列对齐  填充、线条和边框  2.7 线框图编辑区  2.7.1 网格和参考线  2.8 模板区  2.8.1 模板行为  普通  作为背景  自定义控件  2.8.2 模板使用报告  2.9 动态面板管理区 ...
  • 4月,我们推出了许多出色的应用程序来提高工作效率,其中包括一个可通过大量数据列表改善用户体验的,一个为您提供天气小部件的Photoshop扩展程序以及一个可缓存Web字体的便捷Web工具。 CSS标尺 CSS中有许多...
  • 字体等都会自动上传到cdn上,最后生成一个无任何依赖的纯html,大概是下面的样子: <pre><code>html <meta charset="utf-8"><title>快言管理后台</title><link ...
  •  ** 动态链接  ** 多任务和多线程  ** 多文档界面  ** Internet和 Intranet的程序设计  其中采用的大多是具有代表性的示例,这本Petzold著作为使用 Windows 95、Windows 98或 Windows NT的各级windows...
  •  ** 动态链接  ** 多任务和多线程  ** 多文档界面  ** Internet和 Intranet的程序设计  其中采用的大多是具有代表性的示例,这本Petzold著作为使用 Windows 95、Windows 98或 Windows NT的各级windows...
  • 字体等)。各业务使用vue的scoped less。</li><li>JS的公共包括Vue/Vuex/axios/echarts等等,各业务按需引入(不重新打包,直接模板中通过script标签引入,...
  • 4.1.3 窗口程序是怎么工作的 92 4.2分析窗口程序 99 4.2.1 模块和句柄 99 4.2.2 创建窗口 101 4.2.3 消息循环 107 4.2.4 窗口过程 109 4.3窗口间的通信 114 4.3.1 窗口间的消息互发 114 4.3.2 在窗口间传递数据 117 ...
  • 4.1.3 窗口程序是怎么工作的 92 4.2分析窗口程序 99 4.2.1 模块和句柄 99 4.2.2 创建窗口 101 4.2.3 消息循环 107 4.2.4 窗口过程 109 4.3窗口间的通信 114 4.3.1 窗口间的消息互发 114 4.3.2 在窗口间传递数据 117 ...
  • 4.1.3 窗口程序是怎么工作的 92 4.2 分析窗口程序 99 4.2.1 模块和句柄 99 4.2.2 创建窗口 101 4.2.3 消息循环 107 4.2.4 窗口过程 109 4.3 窗口间的通信 114 4.3.1 窗口间的消息互发 114 4.3.2 在窗口间传递数据 ...
  • PPT演示文稿保持字体不变和批量去除多余空格文/张晓全一、介绍: 有时我们为了某种需要,制作并使用某种特殊字体,在自己的电脑上的字体库安装的比较齐全,比如“华文行楷”字体。但是你在别的地方播放你的PPT演示...
  • 近千种CAD填充图案下载及使用说明CAD字体库下载,下载后应该怎么用?图框标准A0、A1、A2、A3图纸折叠方法---中国国家标准XX集团工程设计CAD制图标准某企业CAD制图标准CAD图库——装修施工图纸CAD建筑图库--柱子CAD...
  • Iconfont 在 React-native中的使用

    千次阅读 2018-05-26 14:54:12
    但是在很多时候,我们会遇到诸如“怎么我需要的图标这个里面找不到呀”,“我们自己的ui设计了一套图标怎么用起来呀”之类的问题。没错没错,这个时候我们就需要提到iconfont了! iconfont,顾名思义,就是图标...
  • echarts图例修改

    2020-10-15 15:15:50
    1.打开阿里字体图标 2.找到圆环图标 3.下载svg图标 用记事本打开 4. 得到如下 复制path那部分 修改为 icon:'path://M512.51579095 181.32500348C330.11905658 181.32500348 182.29194989 329.15081744 182....
  • 不知道 34 家厂商的硬件开发商们是怎么样想的);上面是类库和 Runtime,绿色的类库部分可以看 到大名鼎鼎的 SQLite,这个软件甚至声称自己属于公共领域(比 MIT License 还要强 @@),字体 FreeType 是 BSD-style ...
  • 产品经理学习视频

    2018-07-27 14:21:07
    4-创建部件.mp4 5-交互设置.mp4 6-变量.mp4 7-Web案例1.mp4 8-Web案例2.mp4 9-手机原型案例.mp4 PM的3大文档.xmind 2流程图 1-流程图基础.mp4 2-要关注的流程图.mp4 3-要绘制的流程图.mp4 4-如何绘制...
  • EIKO是foobar2000的界面配置,由dReamxis(天気雨)(负责风格设计)和Jensen(负责代码编写)共同制作。在制作过程中,Theophile特地开发了几乎是为此界面量身定做的foo_uie_wsh_panel_mod.dll插件,大大增强了界面...
  • 2、给内容页的“上一篇”、“下一篇”做了自适应处理,不管标题再怎么长,都会以省略号代替溢出文字。 3、修正了侧边栏“个人资料”头像宽高不均导致撑破边框问题。 4、修正首页、内容页底部“站长”在“微语页”不...
  • vc++ 应用源码包_6

    热门讨论 2012-09-15 14:59:46
    SkinMagic 2.21 动态版本的使用和 Skin++动态及静态版本的使用。 VC++精仿QQ2008窗体及分类菜单 VC++卡通风格气泡提示源码 VC++实现任务管理器源码 任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器...
  • vc++ 应用源码包_5

    热门讨论 2012-09-15 14:45:16
    SkinMagic 2.21 动态版本的使用和 Skin++动态及静态版本的使用。 VC++精仿QQ2008窗体及分类菜单 VC++卡通风格气泡提示源码 VC++实现任务管理器源码 任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器...
  • vc++ 应用源码包_1

    热门讨论 2012-09-15 14:22:12
    SkinMagic 2.21 动态版本的使用和 Skin++动态及静态版本的使用。 VC++精仿QQ2008窗体及分类菜单 VC++卡通风格气泡提示源码 VC++实现任务管理器源码 任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器...

空空如也

空空如也

1 2 3
收藏数 41
精华内容 16
关键字:

怎么设计字体库