Question

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

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

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

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

Answer 1

接受的答案是错误的。

永远不要将Google生成的代码添加到您自己的CSS中，因为Google会根据您的用户代理提供不同的CSS。并非所有浏览器都支持WOFF格式，因此不要在接受的答案中做出建议。见Google Fonts Serving。

要回复原始问题，如果您无法访问外部域并希望自己托管字体并自行托管CSS代码，您应该获取字体文件以及来自的组合CSS代码FontSquirrel。以下是适用于所有Web浏览器的@font-face 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');
}

Answer 2

不确定。如果您有权访问样式表，只需直接添加google url生成的代码。

这是Google生成的字体“跳舞脚本”的网址：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;}

谷歌webfonts - 有没有办法@import而不是<link />嵌入？

2 个答案: