CSS Century Gothic 字体可用性问题
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/2186714/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Century Gothic Font Usablility Question
提问by JCHASE11
Over the past few days, Ive asked a few questions to solve my font problem. I was using a variety of obscure fonts for my design. I was using @font-face, and trying to figure out ways of making my backup fonts in the family change size if they were used. It has been way too complicated, and I have decided to simplify things and use a more popular set of fonts in my family.
这几天,我问了几个问题来解决我的字体问题。我在我的设计中使用了各种晦涩的字体。我正在使用@font-face,并试图找出使系列中的备份字体在使用时更改大小的方法。它太复杂了,我决定简化事情并在我的家人中使用一组更流行的字体。
font-family:Century Gothic,arial,sans-serif;
I have chosen to use Century Gothic as my primary font (which I thought was standard on most computers). After much testing, most browsers are using a sans-serif font in most computers.
我选择使用 Century Gothic 作为我的主要字体(我认为这是大多数计算机的标准字体)。经过大量测试,大多数浏览器在大多数计算机中都使用 sans-serif 字体。
Here is the site: http://www.vitaminjdesign.com
这是网站:http: //www.vitaminjdesign.com
A few questions:
几个问题:
1- is my site showing up as century Gothic or sans serif?
1- 我的网站显示为世纪哥特式还是无衬线字体?
2- is century Gothic specific to a certain OS?
2- 世纪哥特式是否特定于某个操作系统?
3- is there any improvements in the css that could load century gothic (possibly different filenames/font names for the same font?) Do I need it in quotes too?
3- css 是否有任何改进可以加载世纪哥特式(同一字体可能有不同的文件名/字体名称?)我也需要用引号引起来吗?
Thanks, and sorry its a departure from the normal S.O. programming question.
谢谢,对不起,它偏离了正常的 SO 编程问题。
回答by bobince
1- is my site showing up as century Gothic
1- 我的网站是否显示为世纪哥特式
No.
不。
or sans serif?
还是无衬线?
Yes.
是的。
2- is century Gothic specific to a certain OS?
2- 世纪哥特式是否特定于某个操作系统?
No, it's not included in any OS. It is often installed by MS Office.
不,它不包含在任何操作系统中。它通常由 MS Office 安装。
3- is there any improvements in the css that could load century gothic
3- css 是否有任何改进可以加载世纪哥特式
You could use @font-face
embedding to have recent browsers download and use the font. Unfortunately this isn't allowed for in the usual Monotype license; you'd have to get a special embedding license. Which may not even exist for that font.
您可以使用@font-face
嵌入让最近的浏览器下载并使用该字体。不幸的是,这在通常的 Monotype 许可证中是不允许的;您必须获得特殊的嵌入许可证。对于该字体,甚至可能不存在。
(possibly different filenames/font names for the same font?)
(同一字体可能有不同的文件名/字体名?)
No, the Monotype edition is the only variant I'm aware of.
不,Monotype 版本是我所知道的唯一变体。
If you are set on a geometric sans, you could try including Futura ("Futura", "Futura Std", "Futura LT Medium", "Futura Md BT", "Futura No 2"), Avenir ("Avenir Medium", "Avenir 55 Roman", "Avenir Next LT Pro"), or even Avant Garde in desperate times. But none of these, or any other geometric, are bundled with operating systems, so you have a pretty small chance of it working.
如果您设置的是几何 sans,您可以尝试包括 Futura(“Futura”、“Futura Std”、“Futura LT Medium”、“Futura Md BT”、“Futura No 2”)、Avenir(“Avenir Medium”、 “Avenir 55 Roman”、“Avenir Next LT Pro”),甚至是绝望时期的前卫。但是这些或任何其他几何图形都没有与操作系统捆绑在一起,因此它工作的可能性很小。
Do I need it in quotes too?
我也需要用引号引起来吗?
Yes.
是的。
回答by user413688
Or you can go the @font-face path but use a free font. These are all free and look like Century Gothic:
或者您可以使用@font-face 路径但使用免费字体。这些都是免费的,看起来像世纪哥特式:
Nevis
尼维斯
PT Sans
PT Sans
Walkway (family)
走道(家庭)
Caviar Dreams
鱼子酱之梦
Cicle (family)
Cicle(家庭)
Kozuka Gothic Pro L (Kozuka is a family)
Kozuka Gothic Pro L(小冢是一家)
You can find them in dafont.com, fontsquirrel.com, and other similar sites.
您可以在 dafont.com、fontsquirrel.com 和其他类似网站上找到它们。
回答by Michael
Monotype now also provide a web font license for embedding Century Gothic using @font-face. If you're willing to pay the price, here's the link http://www.fontslive.com/font/century-gothic-family.aspx
Monotype 现在还提供了使用 @font-face 嵌入 Century Gothic 的网络字体许可证。如果你愿意付出代价,这里是链接http://www.fontslive.com/font/season-gothic-family.aspx
回答by Chuck Martin
You're right in that by choosing a longer list of fonts, you'll have more control over the look and feel of your website. Font rendering is usually controlled by the OS, and OSs typically have a font substitution table it uses when an application calls for a specific font to display content and that font is not available on a user's system.
通过选择更长的字体列表,您是对的,您可以更好地控制网站的外观。字体渲染通常由操作系统控制,操作系统通常有一个字体替换表,当应用程序需要特定字体来显示内容而该字体在用户系统上不可用时,它会使用它。
Your best bet is to do some research on fonts and see which ones (and which variations and close copies) tend to be installed on computers with different operating systems or with common applications. If you find variation on the name of Century Gothic, it should not hurt to put them all in the font string (in quotes, of course, if there's a space in the name).
最好的办法是对字体进行一些研究,看看哪些(以及哪些变体和接近副本)倾向于安装在具有不同操作系统或常见应用程序的计算机上。如果您发现 Century Gothic 名称的变化,将它们全部放在字体字符串中应该没有什么坏处(当然,如果名称中有空格,则用引号引起来)。
P.S. Hate the fade-in on your website. Hate it on the Google home page too. Makes me wait to read or click.
PS讨厌您网站上的淡入。在谷歌主页上也讨厌它。让我等待阅读或点击。
回答by Sampson
You should wrap the font name in quotes. If "Century Gothic" isn't available, the browser will fallback on a sans-serif font.
您应该将字体名称用引号括起来。如果“Century Gothic”不可用,浏览器将退回到 sans-serif 字体。
If you want to ensure "Century Gothic" is used, perhaps you should consider something like sIFRwhich is often used to replace headers with flash elements using specific fonts. I personally wouldn't go this route.
如果您想确保使用“Century Gothic”,也许您应该考虑使用sIFR 之类的东西,它通常用于使用特定字体用 flash 元素替换标题。我个人不会走这条路。
As you stated in your comment, the best option (in my opinion) is to simply specify a fallback font that you are happy with.
正如您在评论中所述,最好的选择(在我看来)是简单地指定您满意的后备字体。
回答by Ignacio Vazquez-Abrams
Most computers I have run across do not have Century Gothic; pick a few more that the site looks decent in.
我遇到的大多数计算机都没有 Century Gothic;再挑选一些网站看起来不错的。