Question

我可以同时使用网络字体和Google字体API（如果用户的Google字体CDN已被屏蔽）吗？即，

@font-face {
    font-family: "SourceCodePro-Bold";
    src: url(../fonts/SourceCodePro-Bold.ttf);
}

h1{ font-family: "SourceCodePro-Bold";}

和

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,400italic' rel='stylesheet' type='text/css'>

Answer 1

与任何font-family回退相同。使用逗号分隔的font-family字体列表。

确保您的本地字体与Google字体的名称不同。

<link rel='stylesheet' href='http://fonts.googleapis.com/...' />

<style type='text/css'>
* {
    font-family: 'Google Font', 'back up local', sans-serif;
}
</style>

使用Google字体CDN时使用后备字体

1 个答案: