精华内容
下载资源
问答
  • Axure RP9 Web字体设置

    千次阅读 2020-06-12 15:22:22
    1.下载Font Awesome字体 下载链接(http://www.fontawesome.com.cn/) 2.解压并打开文件 3.双击(fontawesome-webfont.otf定是fontawesome-webfont.ttf)文件安装? 4.

    1.下载Font Awesome字体
    下载链接(http://www.fontawesome.com.cn/)
    2.解压并打开文件
    在这里插入图片描述

    字体文件的扩展名有eot、otf、fon、font、ttf、ttc、woff等,可以 预览字体文件中的文字。其中,大家最常用的,应该是ttf格式

    ①TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式,随着windows的流行,已经变成最常用的一种字体文件表示方式。
    ②在一些特殊的场合,系统字符集不包含要用的字体,这时候,如甲骨文等古文字处理。如果要输入甲骨文等古文字,就要下载相应的字体文件并安装。

    ③字库是输出设备的一个组成部分。
    桌面出版系统使用的字库有两种标准: postscript字库和truetype字库。
    这两种字体标准都是采用曲线方式描述字体轮廓,因此都可以输出很高5261质量的字形。

    ④postscript汉字库分为显示字库和打印字库,显示字库安装在制作计算机上,用来制作版面时显示用,通常由低分辨率的点阵字构成。打印字库要挂接在rip上,在解释页面时由rip把需要的字库调入页面并解释成记录的点阵。
    postscript汉字使用方便,输出速度快,是输出中心必备的。

    ⑤常用的字库标准是truetype字库,truetype字体是windows操作系统使用的唯一字体标准,macintosh计算机也用 truetype字体作为系统字体。truetype字体的最大优点是可以很方便地把字体轮廓转换成曲线。truetype字体也用来作为postscript字库的显示字用,即看的是truetype字体,打印时,用的是postscript字库的显示字体,因此当使用truetype字体制作版面时,输出时仍然可以将它代换成postscript字库输出。

    3.双击(fontawesome-webfont.ttf)文件安装字体
    4.安装成功后打开word
    在这里插入图片描述
    5.重启Axure RP9→到字体类型选项中查找有没有FontAwesome字体
    6.设计时需要用图标,可以到第4步中复制图标到Axure RP9中,选择FontAwesome可以显示,否则是1个小框。
    7.设置图标大小,修改字体大小即可。

    展开全文
  • web字体设置

    2018-11-13 21:44:00
    @font-face { font-family: 'OpenSans'; src: url("../fonts/open-sans-v15-latin-regular.woff2") format('woff2'), url("../fonts/open-sans-v15-latin-regular.woff") format('woff'), url("../fon...
    @font-face {
    font-family: 'OpenSans';
    src: url("../fonts/open-sans-v15-latin-regular.woff2") format('woff2'),
    url("../fonts/open-sans-v15-latin-regular.woff") format('woff'),
    url("../fonts/open-sans-v15-latin-regular.eot") format('embedded-opentype'),
    url("../fonts/open-sans-v15-latin-regular.ttf") format('truetype'),
    url("../fonts/open-sans-v15-latin-regular.svg") format('svg');
    font-weight: normal;
    font-style: normal;
    }

    转载于:https://www.cnblogs.com/chunshan-blog/p/9954985.html

    展开全文
  • 在网页设计中字体设置时要考虑到不同系统、不同浏览器、不同渲染方式的字体表现,选择一套合适的字体设置值得深究,为保证各种平台环境中的表现效果兼容性,需要设置一套默认的字体样式。 首先我们来看看各大网站的...
    在网页设计中字体的设置不可小觑,好的字体让人赏心悦目,凌乱的字体让人抓狂,如何正确的设置网页中的字体便是今天讨论的话题。在网页设计中字体设置时要考虑到不同系统、不同浏览器、不同渲染方式的字体表现,选择一套合适的字体设置值得深究,为保证各种平台环境中的表现效果兼容性,需要设置一套默认的字体样式。
    首先我们来看看各大网站的默认字体样式的设置:
    Google:  font-family: arial,sans-serif;
    Yahoo:  font: 13px/1.25 "Helvetica Neue",Helvetica,Arial;
    Apple:  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    
    Baidu:  font: 12px arial;
    Weibo:  font: 12px/1.125 Arial,Helvetica,sans-serif;
    QQ:     font: 12px "宋体","Arial Narrow",HELVETICA;
    Sina:   font-family: "SimSun","宋体","Arial Narrow";
    163 :   font:12px/1.5 \5b8b\4f53,Arial,sans-serif;
    zhihu:  font-family: 'Helvetica Neue',Helvetica,Arial,Sans-serif;
    在每一套字体设置中都有Arial字体,这是因为Arial的广泛性。Arial是Monotype为了与Helvetica竞争而设计的无衬线体字体,微软从在Windows 3.1上推出购自苹果电脑的TrueType技术起Arial就一直跟随视窗系统分发。Windows和Mac都预装了这款字体,自然她便成了安全字体,同时也成为了大多数网站的首选字体。单从兼容性上来看,Arial的设置无可非议,全平台兼容也让他成为网页设计中最常见的字体。但是从美观度上说,许多设计师都比较偏袒他的前辈Helvetica,这也是许多网站将Helvetica放在他前面的原因。
    字体排列顺序
    CSS属性font-family的作用是设置一组按优先级排序的字体列表,如果该列表中的第一个字体未在访问者计算机上安装,那么就尝试列表中的下一个字体,依此类推,直到列表中的某个字体是已安装的。
    有两种类型的名称可用于分类字体:字体族名称(family-name)和族类名称(generic family)。
    字体族名称(family-name) 的例子包括“Arial”、“Times New Roman”、“宋体”、“黑体”等等。
    族类(generic family) ,一个族类是一组具有统一外观的字体族。sans-serif就是一例,它代表一组没有“脚”的字体。serif代表一组有脚的字体,monospace代表则代表一组等宽字体
    Weibo: font: 12px/1.125 Arial,Helvetica,sans-serif;
    新浪微博中的字体设置便是这样遵循优先级排序,当访问者设备中没有安装Arial字体,就调用Helvetica字体,当Helvetica字体也没有时,就直接调用系统中同族的sans-serif无衬线体字体。
    西文字体介绍
    Helvetica
    Helvetica是一种广泛使用的西文无衬线字体,是瑞士图形设计师马克斯·米耶丁格(Max Miedinger)于1957年设计的。Helvetica被视作现代主义在字体设计界的典型代表。许多著名的字体都是有它派生出来的,例如Windows中的默认字体Arial、Linux中的默认字体Nimbus Sans、斯滕佩尔公司于1983年发布改进版本Helvetica Neue。此外它还是Mac OS系统的默认字体,所以将它作为首位候选字体无可厚非。
    Tahoma
    Tahoma是一个十分常见的无衬线字体,字体结构和Verdana很相似,其字符间距较小,而且对Unicode字集的支援范围较大。Tahoma和Verdana师出同门,同为名设计师马修·卡特(Matthew Carter)的作品,由微软在1994年推出。许多不喜欢Arial字体的人常常会改用Tahoma来代替,除了是因为Tahoma很容易取得之外,也是因为Tahoma没有一些Arial为人诟病的缺点,例如大写“I”与小写“l”难以分辨等。
    Verdana
    Verdana是一套无衬线字体,由于它在小字上仍有结构清晰端整、阅读辨识容易等高品质的表现,因而在1996年推出后即迅速成为许多领域所爱用的标准字型之一。它是由Monotype公司的字型微调(Hint)专家汤姆·瑞克纳(Tom Rickner)担任手工微调,字体结构与Tahoma(同为马修·卡特所设计)很相似,微软将Verdana纳入网页核心字体之一。根据可用性大师 Jackob Nielsen 的调查,在目前计算机显示器的 dpi 下,无衬线字体比有衬线字体更易读。用户调研显示,Verdana 字体是易读性最高的。
    Times New Roman
    Times New Roman是一款最常用的衬线字体,它由Monotype公司于1932年发表,并为英国的《泰晤士报》首次采用,故得其名。Times New Roman是Windows中的系统默认衬线体字体,作为衬线体的安全候选字体十分适合。后续通过Times New Roman派生发展的衬线字体Times Roman、Times、 Georgia都得到了广泛应用。
    Georgia
    Georgia是一种衬线字体,为著名字型设计师马修·卡特(Matthew Carter)于1993年为微软所设计的作品,具有在小字下仍能清晰辨识的特性,可读性十分优良。Georgia与Times New Roman十分相似,却又做出了许多改进,字符线条变粗,衬体部分平滑,另外数字部分还采用了“不对线数字”,有高矮大小之分
    默认字体样式
    通过对不同字体、不同平台、不同渲染方式的研究,在现行主流终端设备中,无衬线体比有衬线体更易读。无衬线体更适合作为网页的默认全局字体设置,根据font-family的优先级排序属性,渐进增强的考虑字体选择顺序。在保证良好兼容性的情况下,建议设置如下默认字体设置:
    font-family: Helvetica,Tahoma,Arial,Sans-serif;
    在网页设计中,不影响可读性的情况下适当使用衬线体,能使部分设计更加突出、活泼。例如在标题、数字、着重上的使用。一下便是对衬线体环境下的字体设置:
    font-family: Geogia,"Times New Roman", Times, serif;
    以上字体设置仅对西文字体环境中的研究,要想获得中文环境中的高质量的字体表现,还得考虑各个平台中默认中文字体的渲染以及中英文混排等问题,这将在后续的文章中另作学习。
    http://www.w3cfuns.com/forum.php?mod=viewthread&tid=5596492
     
    展开全文
  • web网页引入自定义字体设置

    万次阅读 2017-11-30 11:55:20
    1、首先需要下载你需要的字体,此项目中用到的字体是思源黑体(light),需要字体文件的格式是.ttf,思源的ttf版字体不好找,我是下载的otf版,又用fontCreate 软件转换了一下,算是得到了ttf字体(废了老大劲,才...

    新项目中  设计用了一个自定义的字体,由于不熟悉,折腾了好大一圈,最终在同事的帮助下,顺利解决,记录一下,供有同样疑虑的小伙伴参考。

    1、首先需要下载你需要的字体,此项目中用到的字体是思源黑体(light),需要字体文件的格式是.ttf,思源的ttf版字体不好找,我是下载的otf版,又用fontCreate 软件转换了一下,算是得到了ttf字体(废了老大劲,才转换成,网上贴出来的在线转换文字格式的网站试了,不太靠谱)。


    2、需要把字体文件放到你的项目文件font中。


    3、css中引入字体文件

    @font-face {
        font-family: font_light;
        src: url('../lib/font/font-light/SourceHanSansCN-Light.eot');
        src: url('../lib/font/font-light/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'),
        url("../lib/font/font-light/SourceHanSansCN-Light.ttf") format("truetype"),
        url("../lib/font/font-light/SourceHanSansCN-Light.woff") format("woff"),
        url("../lib/font/font-light/SourceHanSansCN-Light.svg") format("svg");
        font-weight: normal;
    }

    按这种格式引入,除了.ttf格式的文件,别的文件会显示找不到该文件,先不要着急(这个后面用font-spider 打包的时候会把那几个格式的文件创建出来),如果是为了初期开发调试效果,可以先把除了.ttf格式的引入注释掉。


    4、字体文件太大了,需要用到font-spider  对字体文件压缩。(这个网上都有教程,先要安装node  然后安装font-spider 然后执行打包程序)

        font-spider 安装:npm install font-spider -g

        打包:font-spider /Applications/XAMPP/xamppfiles/htdocs/1lumi/cn/home/index.html       

       这一步就打包完成了,font 文件就会出现下面几个文件格式。.font-spider 文件夹是原来对字体文件,可以删除,也可以留着继续用,看一下现在对字体文件是不是小了很多


    记录如上!

    展开全文
  • web css 苹方字体设置

    千次阅读 2019-07-15 13:34:25
    // 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; // 苹方-简 极细体 font-family: PingFangSC-Ultralight, sans-serif; // 苹方-简 细体 font-family: PingFangSC-Light, sans-serif;...
  • web字体选择

    千次阅读 2017-11-07 10:49:07
    一直对web字体设置很模糊,网上搜了大量资料,终于看到一篇讲解比较详细的资料,现摘录留存。 大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果...
  • 强悍的WEB字体图标制造器/Web字体使用实例 IcoMoon!一个可以通过个性化设置来创建自定义图标(字体)的生成器!也可以将SVG图片,转换成web字体 IcoMoon是一项免费的服务,通过使用不同设置使我们能够...
  • web打印字体css设置

    万次阅读 2007-03-05 21:39:00
    我们有些时候可能会碰到从web页面直接打印的情况:为了节省纸张:一般打印的正文字体都是小五号字体下面是有关字体的大小的单位和转换小五号 = 9pt = 12px这是我们从办公软件习惯转到htm页面的换算有关打印的纸张,...
  • 小菜鸡的第四篇博客 Emmm,思修课上淡定的更新博客还行 ... 本篇主要是为你的网页增加网络上的字体(让它看起来更加花里胡哨) ...使用WEB字体设置文本样式 为WEB字体应用斜体和粗体 使用Google Fo...
  • WEB字体浅谈

    千次阅读 2017-12-31 14:40:29
    字体是面向客户的一种表现形式,但我们给一个页面设置css字体样式(font-family)时候,这时可能就会用到WEB字体了。了解web字体之前,首先说一下字体系列: 共有五个字体系列:1.sans-serif字体系列;2.serif字体...
  • 最近项目上用到了很多svg图,设计师经常频繁改版,苦不堪言,于是就想到了把图片转成字体库来使用。使用图片的缺点: 1. 图片加载速度慢 2. 图片大小固定,无法调节 3. 当代码重构或者图片目录位置改变时,需要一...
  • 字体和常用web字体

    千次阅读 2015-07-05 18:12:13
    1. 印刷学中的字体族 Serif(衬线字体): Times New Roman: 微软公司的网页核心字体之一,最常用的serif字体,IE默认的字体,小字号的字体易读性差。(苹果系统无改字体,有个类似的Times字体) Georgia:微软...
  • CSS——web字体与CSS字体图标

    千次阅读 2020-07-09 14:34:24
    web字体 字体格式 不同浏览器所支持的字体格式是不一样的,我们有必要了解一下有关字体格式的知识。 1、TureType(.ttf)格式 .ttf字体是Windows和Mac的最常见的字体,是一种RAW格式,支持这种字体的浏览器有IE9+、...
  • 谷歌Web字体拥有当前最流行且最受欢迎的免费Web字体服务。最近Adobe推出了一个通过Typekit提供的名为‘Adobe Edge Web Fonts‘的替代品,这套新的内容包括了谷歌的Web开放型源代码字体等。当然很可惜,都不支持...
  • 安卓手机系统设置字体大小后与APP以及web字体大小问题最近在做一些有关html和App的一些混合式开发,在测试过程中发现,android手机系统设置字体大小,app应用中和web服务端的页面(也就是html界面)字体都会有...
  • 关于移动端web字体

    千次阅读 2016-02-24 09:54:31
    关于移动端web字体 摘要 在Web编码中,CSS默认应用的Web字体是有限的,网页一般都是先有设计稿,然后转为DIV+CSS代码,这其中就会出现很大的差异,例如在移动端的网站展示字体的问题,移动端没有微软雅黑...
  • web字体和图标

    千次阅读 2019-05-06 18:08:24
    web字体和图标 介绍 开发人员可以为自己的网页指定特殊的字体,无需考虑用户电脑上是否安装了此特殊字体,从此把特殊字体处理成图片的时代已经过去。而且它的支持程度很好,甚至低版本ie也能支持 字体格式:不同...
  • web字体优化

    千次阅读 2017-07-26 21:22:42
    } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法...
  • 网上对web font loader 的使用介绍并不多,我也是在空闲的时候偶然在一本书上看到对于字体加载缓慢的处理方法中有提到一句web font loader。在此之前,我从未使用过web font loader。于是我在网上搜索关于对此的介绍...
  • 今天要介绍的是一个来自bestwebfonts的在线字体工具,Best web fonts是一个免费的字体工具,能够帮助你直观清晰的查询Google的web字体,你可以在一个现成的网站中调试不同类型的Google web字体,能够高效直观的看到...
  • Axure-Web字体

    千次阅读 2018-11-06 00:21:11
    打开Web字体 方法1:链接到“.CSS”文件 CSS文件官方链接地址:https://maxcdn.bootstrap-cdn.com/font-awesome/4.4.0/css/font-awesome.min.css 方法2:@font-face 注意:使用本地字体需要将字体文件(....
  • Google Web 字体 API 访谈

    千次阅读 2010-05-21 11:06:00
    对很多纠结于字体Web 设计与开发者而言,昨天有关 Google Font API 的新闻着实让他们高兴了一回,这个非常简单实用的 API 包含了一套字体库和预览工具,结合 Google 与 TypeKit 联合开发的开源 WebFont 加载工具...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 158,231
精华内容 63,292
关键字:

web字体怎么设置