标签: webfonts
@ font-face unicode-range属性
在一些html文档中,我只使用几个单词的webfonts.以性能方式加载完整的字体文件似乎很浪费.这是@ font-face声明的unicode-range参数的来源:
http://www.w3.org/TR/css3-fonts/#unicode-range-desc
有了它,我认为可以定义要加载的字体文件的哪些字符,从而大大提高性能.但我无法让它发挥作用.奇怪的是它覆盖了firefox中的所有字符,并且如果我在声明中包含unicode-range参数,它无法在safari中加载字体.任何帮助将不胜感激,下面是我测试它的html:
<!doctype html>
<html lang="en">
<head>
<style text="text/css">
@font-face {
font-family: 'dream';
src: url(Fonts/Digital-dream/DIGITALDREAM.ttf) format("truetype");
unicode-range: U+FF21;
}
*{
font-family:dream;
font-weight:normal;
}
</style>
</head>
<body>
<p>ASDWEWQDSCF</p>
</body>
</html>
推荐指数
解决办法
查看次数
即使meyer重置,Chrome和IE9之间的CSS不一致？
左边是Chrome,右边是IE9.
正如您在上面的图片中看到的那样,即使使用Meyer CSS重置,浏览器之间仍然存在不一致.此图中的两个示例:
- 对于几乎所有文本,IE9显然都有一个较暗的字体.
- 无论出于何种原因,
<hr/>标签都没有排队(但它们确实很接近)并且会抛弃其余的内容.
除了应用Meyer CSS重置以在这些浏览器之间获得更多一致性之外,还有什么我需要做的吗？
此外,使用您在上面看到的内容,除了颜色和字体大小之外,重置后没有应用边距或填充.
CSS
h1 {
font-family: Lato;
font-size: 26px;
font-weight: normal;
color: #154995;
}
h2 {
font-family: Lato;
font-size: 24px;
font-weight: normal;
color: #333333;
}
h3 {
font-family: Lato;
font-size: 20px;
font-weight: normal;
color: #154995;
}
h4 {
font-family: Lato;
font-size: 18px;
font-weight: bold;
color: #333333;
}
h5 {
font-family: Lato;
font-size: 16px;
font-weight: bold;
color: #333333;
}
.small-text {
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: regular;
color: …推荐指数
解决办法
查看次数
有人可以解释font squirrel使用的BASE64 CSS
我一直在使用font squirrel来生成web字体.通常它给出的CSS是这样的:
@font-face {
font-family: 'sancoale_slsf_norm_regunormRg';
src: url(sancoaleslabsoft_normregular_macroman/SancoaleSlSfNormRegular-webfont.eot');
src: url(sancoaleslabsoft_normregular_macroman/SancoaleSlSfNormRegular-webfont.eot?#iefix') format('embedded-opentype'),
url(sancoaleslabsoft_normregular_macroman/SancoaleSlSfNormRegular-webfont.woff') format('woff'),
url(sancoaleslabsoft_normregular_macroman/SancoaleSlSfNormRegular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
但是,在生成WOFF作为base64时,输出的CSS将更改为:
@font-face {
font-family: 'sancoale_slsf_norm_boldnormBd';
src: url('sancoaleslsfnormbold-webfont.eot');
}
@font-face {
font-family: 'sancoale_slsf_norm_boldnormBd';
src: url(data:application/x-font-woff;charset=utf-8;base64,d09 [BLABLABLA] =) format('woff'),
url('sancoaleslsfnormbold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
有谁知道为什么@ font-face声明被拆分了？ - 真的很感兴趣!
推荐指数
解决办法
查看次数
使用 Google Fonts Roboto 的字体粗细，正常 (400) 和粗体 (700) 有效，浅色 (300) 无效
Link: https://50.62.213.246/gktest/
搜索栏中的占位符文本和输入文本不会响应 font-weight: 300；如果我尝试 font-weight: 700; 文字为粗体。正常 = 400，浅色 = 300，粗体 = 700，等等
所以我的问题是为什么在 font-weight: 300; 下文本看起来不亮。?
推荐指数
解决办法
查看次数
使用由第三方提供商托管的网络字体有什么安全隐患？
使用由第三方提供商(如Google或Adobe)托管的网络字体有何安全隐患？
推荐指数
解决办法
查看次数
从谷歌打开Sans瘦(重量200)
我正在努力获得Open Sans字体的"瘦身"版本 - 标记为重量200.请参阅:http://www.google.com/fonts/specimen/Open+Sans
我已经将字体重量定义为200,但似乎我不能低于300.
我得到这样的样式表:http://fonts.googleapis.com/css？family = Open + Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800
有任何想法吗？
推荐指数
解决办法
查看次数
字体很棒在本地但不在现场工作
我正在测试一个在localhost上使用font-awesome的网站,它运行正常; 但是当我将它上传到我的远程站点时,它不再显示字体.我该如何解决？尝试了所有调试但没有工作.
该网站有www.sevotec.it/ordinefcs
推荐指数
解决办法
查看次数
不可能复制轻字体？
我试图复制这个网站菜单的字体,但当我把风格放在我自己的WordPress CSS主题中时,我仍然得到它的大胆版本.有没有特别的技巧,所以我可以得到字体的轻版本？得到的字体与他们所拥有的相同.
推荐指数
解决办法
查看次数
无法在Gmail中为HTML电子邮件显示Google字体
标题说明了问题，但我无法将Gmail中显示的Google字体显示在我创建的HTMl电子邮件模板中。我试图弄清楚怎么做（内联CSS，@ import，@ font-face等），但它仍然不会显示。
如果您使用的是HTML电子邮件模板，目前是否有一种方法可以使Google字体显示在Gmail中？我知道一定有，但我真的被困在这里，不胜感激！这是我当前的代码：
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lobster"/>
<style type="text/css"> h1 { position: relative; font-family: 'Lobster', sans-serif; font-size:330%; } </style>
<h1 style="position: relative; text-align: center; font-family: 'Lobster'; padding: 1%;">Heading</h1>
谢谢！
推荐指数
解决办法
查看次数
如何指定给定字体系列可用的字体粗细？
我使用的是网络字体，并且权重为300（浅）和700（粗体）。这些是网站使用的唯一权重，我在html元素中指定默认字体权重应为300。
当浏览器遇到<strong>标签时，将应用默认样式（不确定是浏览器的默认工作表还是normalize.css）font-weight: bolder。这对我来说很有意义：我想大胆地迈出一步。并说我有三个权重，我希望它可以从继承的权重转移到下一步。
然而，bolder在<strong>常规正文元素的地方颠簸从300重量多达400个，而浏览器与300相同重量的字体为周围的文字渲染这一点。显然，我希望它实现下一个可用的权重为700，并使用该权重。
为了lighter和的目的，是否有一种方法可以告诉CSS /浏览器哪些字体粗细可用于给定的字体系列bolder。
推荐指数
解决办法
查看次数