0

为客户在网站上工作 - 长篇大论，但我不允许编辑标记，只需包含一个覆盖样式表并在那里进行调整。

我需要导入谷歌字体，但由于要求我不能使用正常的嵌入方法。有没有办法在样式表中@import 谷歌字体？

编辑：为了澄清，我已经添加了以下代码，成功率为零（返回 404）：

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

4

2 回答 2

7

接受的答案是错误的。

切勿将 Google 生成的代码添加到您自己的 CSS 中，因为 Google 会根据您的用户代理提供不同的 CSS。并非所有浏览器都支持 WOFF 格式，因此切勿执行已接受答案中建议的操作。请参阅Google 字体服务。

要回答最初的问题，如果您无法访问外部域并且想自己托管字体并自己托管 CSS 代码，您应该从FontSquirrel获取字体文件以及组合的 CSS 代码。下面是一个@font-face适用于所有 Web 浏览器的 CSS 规则示例：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}
于 2013-04-27T17:03:31.730 回答
-1

当然。如果您可以访问样式表，只需直接添加由 google url 生成的代码。

这是 google 为字体“Dancing Script”生成的 URL：http://fonts.googleapis.com/css?family=Dancing+Script 将其粘贴到浏览器地址栏中，您将看到需要放置的代码CSS 文件。

见小提琴：http: //jsfiddle.net/David_Knowles/XVMzf/3/

@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: local('Dancing Script'), local('DancingScript'), url(http://themes.googleusercontent.com/static/fonts/dancingscript/v3/DK0eTGXiZjN6yA8zAEyM2bDH3ri20rYH10B2w3wbVeU.woff) format('woff');
} 

a {font-family: 'Dancing Script',serif,cursive;}
于 2013-04-18T16:16:58.707 回答