通过css的@font-face属性，在网页上显示用户电脑没有的字体，网页设计，余志国外贸网站建设
余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室，是义乌外贸网站建设专家！
专注提供企业外贸网站建设服务及外贸企业网站管理系统开发
通过css的@font-face属性，在网页上显示用户电脑没有的字体
浏览：3466
最近更新时间： 13:25:21
在网页中，我们可以用CSS的font-family属性来定义字体，然而定义的字体在用户的电脑上能否正确呈现则要看用户的电脑是否安装了该字体。我们经常能看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常在用户的电脑中是没有安装的，所以用font-family属性就无法实现了。字体应用是中不可或缺的一部分。经常地，我们盼望在网页中应用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在涉猎页面的时候就 有可能看不到真实的设计。美工设计师最常做的措施是把想要字体应用是网页设计中不可或缺的一部分。经常地，我们盼望在网页中应用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在涉猎页面的时候就 有可能看不到真实的设计。美工设计师最常做的措施是把想要的文字做成图片，这样做有几个明显 缺点：1. 不可能大领域的应用该字体；2. 图片内容相对应用文字不易修正；3. 不利于网站（主流不会将图片alt内容作为确定 网页内容相关性的有效因素）。网络上有一些应用 sIFR技巧、或 javascript/flash hack的法子 ，但实现起来或繁琐，或有缺点。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。CSS3 @font-face说@font-face是CSS3的新特性并不准确，因为CSS2就已经支持了这一特性，并且Internet Explorer早在第5版的时候就已经支持它了，不过IE实现方式是通过自有的eot(Embeded Open Type)字体格式，其它浏览器都不支持这个格式。@font-face支持如下属性：font-family：设置文本的字体名称。font-style：设置文本样式。font-variant：设置文本是否大小写。font-weight：设置文本的粗细。font-stretch：设置文本是否横向的拉伸变形。font-size：设置文本字体大小。src：设置自定义字体的相对路径或者绝对路径。示例代码：body&{font-family:'微软雅黑'}
@font-face&{
font-family:微软雅黑;
src:&url('微软雅黑.eot');&/*&IE9&Compat&Modes&*/
src:&url('微软雅黑.eot?#iefix')&format('embedded-opentype'),&/*&IE6-IE8&*/
url('微软雅黑.woff')&format('woff'),&/*&Modern&Browsers&*/
url('微软雅黑.ttf')&format('truetype'),&/*&Safari,&Android,&iOS&*/
url('微软雅黑.svg#微软雅黑')&format('svg');&/*&Legacy&iOS&*/
}在页面中需要 的处所应用该字体：h1{font-family:&'微软雅黑';}怎么把字体文件转换成.eot？可以通过网页版转换工具进行转换，（转换.eot）（转换.eot）（格式全，支持转换.eot .woff .ttf .svg）
本文地址：
您的IP：220.177.198.53，来自：
江西省吉安市 电信
建站咨询热线
微信公众号内容字号：
段落设置：
字体设置：
精准搜索请尝试：
专为中国用户设计，苹果推出中文新字体：苹方
来源：作者：弥尘责编：弥尘
6月9日消息，在今日凌晨结束的WWDC2015上，苹果发布了新一代OS X系统El Capitan，而且该系统还将在全球官方网站进行同步更新。不过有个小细节似乎大家都没注意到，发布会上苹果提到在OS X El Capitan中将启用一款专为中国用户设计的中文系统字体，该字体名为“苹方”。苹果介绍称加入新字体后，中文文本在Mac上的显示效果现代感更强，新字体支持简体中文和繁体中文，并且提供了中文版的输入预测功能。现在，用户可以在苹果官方网站上更新新字体系统。目前，OS X El Capitan的开发者预览版系统已经开放下载，公测版将在7月放出，而正式版则要和一样等到今年秋季与大家见面。WWDC2015专题报道：《》《》《》《》《》《》《》《》
相关文章|||||
软媒旗下软件：|||||||
IT之家，软媒旗下，国内顶级IT科技门户网站。
Copyright (C) , All Rights Reserved.
版权所有 鲁ICP备号当前访客身份：游客 [
合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。
：引用来自“eechen”的评论@王小伟0303 最新版的Q...
：@王小伟0303 最新版的Qt Creator使用了最新版的Q...
：您好,再咨询您一个问题.我发现我的 Qtcreator-3....
：您好，我已经知道如何做了，参考Manual,Setting ...
：您好,想问一下,如何在 QtCreator 中使用 make 来...
：node.js带谷歌的V8引擎大概原始体积有30M左右，对...
：我正在慢慢看
：引用来自“小代码2016”的评论谢谢，学习了。 本...
：谢谢，学习了。 本来想安装kdevelop的，但是看到...
：python .... 慢
今日访问：55
昨日访问：143
本周访问：1397
本月访问：198
所有访问：120773
怎么设置Netbeans字体大小,JDK路径,用户配置文件存放位置?
发表于3年前( 14:12)&&
阅读（2134）&|&评论（）
0人收藏此文章,
下载免安装版 Netbeans :
语言选&简体中文&, 平台选&不受平台限制的ZIP&, 然后选择你要下载的版本(假设下载PHP开发版), 如下图:
解压下载的ZIP包, 打开 netbeans/etc/netbeans.conf 进行相关配置: 在 netbeans_default_userdir 中可以设置 Netbeans 的用户配置文件存放位置. 在 netbeans_default_options 中加入 --fontsize 12 即可设置 Netbeans 显示的字体大小为12号. 在 netbeans_jdkhome 中可以设置 Netbeans 使用的JDK路径. 下面我以7.1.2版为例列出这3个配置项:
netbeans_default_userdir=&../../netbeans-conf/.netbeans/7.1.2&
netbeans_default_options=&--fontsize 12 -J-client -J-Xss2m -J-Xms32m -J-XX:PermSize=32m -J-Dapple.laf.useScreenMenuBar=true -J-Dapple.awt.graphics.UseQuartz=true -J-Dsun.java2d.noddraw=true -J-Dsun.zip.disableMemoryMapping=true&
netbeans_jdkhome=&E:\javaee\jdk1.6.0_25&
配置好后运行 netbeans/bin/netbeans.exe (其他平台运行同目录下的netbeans即可) ,可以看到Netbeans字体漂亮多了.
如果要进一步对 Netbeans 进行字体设置, 可以在Netbeans中打开 &工具& - &选项& - &字体和颜色& 对编辑区字体进行设置.
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage
相关文章阅读字体与产品气质-腾讯ISUX &#8211; 社交用户体验设计 &#8211; Better Experience Through Design
当我们拿到一款产品的包装或者登入了一个网站的时候，你是否会有意或者无意地留意到属于这个产品的特定的字体设计或者使用，从而影响到你对这个产品最直观的感受。精致、优雅、科幻、古典或者是觉得粗糙难看呢？
比如当我把苹果网站上 iPhone 的字体换掉以后，你一定或多或少的察觉到了什么不一样的地方，也许你无法表达出来或者无法说出究竟是哪里出了问题，但这潜意识的感受正是不同字体风格传递给用户的直观感受所造成的。因此在给一个产品选择或者设计字体的时候，除了你需要考虑其易读性，一定也需要考虑这款字体是否能准确地传递给消费者或用户属于这款产品的独特气质。
现代风格字体多为无衬线字体，这类字体除本身文字的比划之外缺少装饰性的元素，风格较简约。
WWDC 2013前夕，即便在 iOS 7 并未对外界正式发布之前，但是通过会场的海报人们都清楚地意识到，iOS 7 的风格一定带来了极大的转变。Helvetica Neue 风格非常现代，似乎暗示着苹果将在 iOS 7 中完全剔除过去人们陈旧的审美，取而代之的是更为现代的视觉风格，而在后来的大会上 iOS 7 的最终发布也证实了这种观点。
化妆品品牌 Benefit 诞生于美国上世纪 70 年代这个自由奔放的时代，而创始人之一的姐姐 Jean Ford 刚好主修艺术，她十分懂得如何包装她们的品牌。Benefit 的包装和字体颇具复古风，比如留声机造型的包装盒。衬线字体的 logo 具有较强的装饰性，字母的转角处线条柔和，更具流线形的字母 f 使 logo 显得更生动有趣，搭配留声机造型内部的连笔手写体，一股浓浓的复古风扑面而来，见到如此有趣又漂亮的包装盒，难怪让很多女性爱不释手。
电影星际迷航的海报上的字体就属于这种类型。实际上我们经常会在一些科幻电影的海报或者网站上见到这种类型的字体。科幻风格的字体风格普遍比较硬朗和锐利，通常有过渡比较直接的折角。
作为钢铁侠原型的传奇人物，Elon Musk 创办的几家公司的 logo 字体设计也类似。除了具有比较硬朗的线条之外，Tesla 和 SpaceX 的 logo 去除了一些连接的比划从而使字形显得更加抽象和神秘，真是科技感十足的公司啊！
迪士尼的字体就属于这种风格，粗细不一的比划和大小不同的字母具有非常强烈的节奏韵律感，字母划出的曲线像翩翩起舞的丝带，也像魔棒划出留下的痕迹，使人充满想象。
女性化风格的字体经常可以在化妆品品牌中看见，她们通常字体纤细、秀美，线条流畅，字形有粗细等细节变化，显得有韵律或通过装饰性元素和字体结合。因为衬线字体天生具有衬线这种可装饰性元素，因此很多女性化风格的字体会选用衬线字体，并以此为基础进行修改，比如 LANCOME 的 logo 字体。
具有趣味性的文字可以使用产品中的某些元素和文字进行创意性的结合，比如炉石传说的字体设计，巧妙的运用魔幻一样的“漩涡”和石头下半部分的“口”结合起来，虽然炉石传说几个字在风格上是保持一致的，但是每个文字的折角并没有刻意地将大小或角度保持标准一致，这样的非规律性做法也增加了字体的趣味感，让用户觉得这款游戏一定会具有可玩性。
Yoritsuki 的字体设计使用了毛笔书法的笔触书写的方式，将墨这种元素融入到了字体当中，这种东方文化中特有的东西，使得 Yoritsuki 这款 App 的风格显得非常鲜明，即使在你还没有打开这个 App 的时候，你就已经能大概知道里面会是什么样子的了。
结语：论字体风格的话，远远不止上文罗列出来的，并且很多时候，一款字体可以同样适用于多种不同风格之间。然而如何使用一款合适的字体准确地将产品气质传递给用户，这正是设计师应该考量的东西。
友情链接：
Copyright &
All Rights Reserved请问如何设置使启动CAD时文字样式默认为用户定义的字体?_百度知道
请问如何设置使启动CAD时文字样式默认为用户定义的字体?
字体不对总是造成文字变成问号,每次手动改字体太麻烦,能不能在哪里设置一下,使得以后每次启动CAD都能默认为用户设置的字体?
我有更好的答案
在标住样式里&文字&新建&选择（建议做两个一个文字，一个字符）， 应该能符合你的要求，有写TEXT的小技巧自己先摸索，我也是菜鸟
是的，把需要的设置好，并试好后，（如标注格式文字选仿宋在标φ时出方框，设为宋体就没事），把图面 全清空，另存为图形样板，取个名为100吧，新建文件第一次选中后，第二次新建后，他已经在那等着了。
写一则acad.lsp置於acad&#92;目录下。如：(defun s::startup ( )(command&style&&&&arial&&&&&&&&&&&))(Prompt&&#92;n Fontstyle=Arial&)(Prin1)
建议做个模板，不要的东西全设置好，但不要留所画的东西，每次打开再另存为你要画的文件名
其他类似问题
1人觉得有用
为您推荐：
时文的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁