Question

我是font和font-face的新手。我已经阅读了很多关于如何让它们在网站上工作的StackOverflow线程，但是，我很困惑如何/在哪里可以下载：

.eot
.eot?#iefix
.woff
.ttf
.svg

Gotham Book和Gotham Light？还是一般的字体？

由于

Answer 1

Webfonts需要特殊许可。

你可以在这里找到Gotham Webfont： http://www.typography.com/fonts/gotham/overview/

有免费的替代方案，例如Google网络字体（https://www.google.com/fonts/）

Answer 2

选中此链接下载您想要的特定字体

http://www.typography.com/fonts/gotham/styles/

下载你的font-files并编写一个代码来调用yous css文件中的字体，如下所示

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Answer 3

根据您的项目，您可以通过不同的方式向网站添加特定字体，通常，最常见的是添加对您网站标题的引用，如：

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

然后您可以使用样式表中的字体添加如下属性：

 font-family: 'Open Sans', sans-serif;

否则，您可以直接在样式表中使用@font-face规则导入字体，然后使用它通过font-family:属性调用字体。

Here's an article on @font-face I suggest.

如何访问字体？

3 个答案: