Questions tagged «webfonts»

使人们可以在Web上按需使用字体而无需在操作系统中进行安装的技术。


3
包括Google Web字体链接还是导入?
将Google Web字体包含到页面中的首选方式是什么? 通过链接标签? <link href ='http://fonts.googleapis.com/css?family = Judson:400,400italic,700'rel ='stylesheet'type ='text / css'> 通过在样式表中导入? @import url(http://fonts.googleapis.com/css?family=Kameron:400,700); 或使用网络字体加载器 https://developers.google.com/webfonts/docs/webfont_loader


8
将自定义图标添加到超赞的字体
我喜欢Font Awesome图标字体,并且希望将其用于我网站上的大多数图标,但是除了提供的功能外,我还需要一些自定义svg图标。 我注意到Font .wev的.svg版本主要由以下<glyph />元素组成: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 -59.5 -25.5t-24.5 60.5v477q0 31 23 57q27 23 57 23h477q51 0 61.5 -24.5t-24.5 -59.5l-160 -158l338 -338l332 334l-162 162q-35 35 -24.5 59.5t61.5 24.5h477q33 0 55 -23 q25 -25 25 -57v-477q0 -51 -24.5 …

8
Firefox和Opera中的Webfont平滑和抗锯齿
我在网站上使用了定制的Web字体。为了设置渲染输出的样式,我使用了以下代码: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 在Safari和Chrome上运行良好(边缘更锐利,线条更细)。有什么方法可以在Firefox和Opera上实现相同的样式吗?

11
如何合法使用网络字体?[关闭]
关闭。这个问题是题外话。它当前不接受答案。 想改善这个问题吗? 更新问题,使其成为Stack Overflow 的主题。 7年前关闭。 改善这个问题 我对适用于网络字体的法律有些困惑。我知道可以使用Arial,Times Romans,Georgia等字体...我认为使用其他商业字体是非法的。有提供免费字体的网站吗?如果有。 我可以直接使用它们而不提及免费字体的创建者,也可以不链接下载它们的页面吗?还是我必须? 如果不允许我以数字形式重新分发字体,该如何在网络上使用字体?
108 webfonts 

6
Webfonts还是本地加载的字体?
自从使用Cufon带来麻烦之后,我就冒险不使用外部字体资源,但是最近,我一直在寻找替代方法来加载字体,以查看是否有更好的方法。更好的方法有一种突如其来的出现方式。 那里有很多新方法,每种方法似乎都有变化。我应该使用typekit吗?或Google webfonts(使用js或css)?我应该继续使用本地加载的字体(例如fontsquirrel.com生成的方法)吗? 我将在下面列出一些测试方法,这些方法似乎是最受人们欢迎的方法,但是真的值得一试使用webfont吗?似乎它将承担较高的资源负载(http请求),而文件格式类型较少(兼容性较差)等。但是在大多数情况下,文件似乎是异步且高效地加载的。 这只是情况和需求的问题吗?如果是这样,它们是什么? 这些方法之间是否存在巨大差异? 有没有我没有列出的更好的方法? 专业人士的表现/缺点是什么?看?依赖?兼容性? 我确实在这里寻找最佳实践,性能是一件大事,但可伸缩性和易用性也是如此。更不用说,外观和感觉。 Google CSS 仅使用外部样式表 仅使用最小的兼容文件类型 可以使用@import或<link>获取styleshee(@font-face)的内容,并将其直接放入您自己的样式表中。 检测结果 78ms load of html 36ms load of css Google JS方法 用于webfont.js加载样式表 仅使用最小的兼容文件类型 :root用类追加元素 将脚本添加到头部。 检测结果 171ms load of html 176ms load of js 32ms load of css Typekit方法 :root用类追加元素。 可以使用*.js摘要或外部加载的文件*.js文件 使用data:font/opentype代替字体文件。 将脚本添加到头部 将嵌入式CSS添加到头部 将外部样式表添加到头部 您可以从typekit.com轻松添加/删除/调整字体和目标选择器 …

3
在CSS中使用多个@ font-face规则
如何@font-face在CSS中使用多于规则的内容? 我已将其插入样式表中: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } 当前,这仅适用于网站上的整个文本。但是,我想指定h1使用其他字体。我怎样才能做到这一点?


1
Google Web字体上的字体中的“拉丁”和“拉丁扩展”字形支持的语言?
Google Web字体上的某些字体支持多个“字符集”。问题是,如果我使用的Web字体仅提供“拉丁”字形,那么将页面翻译成不支持该字形的语言的用户将清楚地注意到混乱的文本。 我希望我的网络字体能够支持除英语之外的世界上最受欢迎的语言,例如西班牙语,德语,法语等。 为此,我想分别了解“拉丁语”和“拉丁语扩展”适合哪些语言。 我希望答案看起来像: Latin Character Set & Supported Languages: - .......... - .......... - .......... Latin-Extended Character Set & Supported Languages: - .......... - .......... - .......... 我在Google Web字体文档或Googling中找不到此信息。

11
如何使IE中的Google字体有效?
我一直在开发一个使用Google Fonts API的网站。它很棒,据说已经在IE中进行了测试,但是在IE 8中进行测试时,字体根本就没有样式。 按照Google的指示,我添加了字体,因此: <link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light" rel="stylesheet" type="text/css" /> 并在CSS中将其名称添加到字体家族的前面,从而: body { font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; font-size: 16px; overflow-y: scroll; overflow-x: hidden; color: #05121F; } 在Chrome,Firefox,Safari中像超级按钮一样工作。IE 8中没有骰子。有人知道为什么吗?
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.