在没有互联网连接的情况下使用下载的字体答案

【问题标题】：Using downloaded fonts without internet connection在没有互联网连接的情况下使用下载的字体
【发布时间】：2013-10-15 11:43:35
【问题描述】：

可以在没有互联网连接的情况下在本地网页 (XAMPP) 上使用下载的字体吗？我需要这个来查看字体，因为有些人可能负担不起互联网连接，他们只使用他们的电脑来工作。

这是网络字体：http://openfontlibrary.org/en/font/didact-gothic

我试过这个没有运气：http://css-tricks.com/snippets/css/using-font-face/

提前致谢！！！！

编辑

我认为存储文件的地方是问题，因为我有这个 .css 并且没有工作。我所有文件的位置是/opt/lammp/htdocs

@font-face {
    font-family: 'DidactGothicMedium';
    src: url('didactgothic.eot');
    src: url('didactgothic.eot') format('embedded-opentype'),
         url('didactgothic.woff') format('woff'),
         url('didactgothic.ttf') format('truetype'),
         url('didactgothic.svg#DidactGothicMedium') format('svg');
}

p {
  font-family: 'Didact Gothic';
  font-weight: normal;
  font-style: normal;
  padding-left: 25px;
  padding-right: 25px;
} 

input {
  font-family: 'Didact Gothic';
  font-weight: normal;
  font-style: normal;
}

【问题讨论】：

你必须使用一个网络字体工具包，你可以从像 convertfonts.com 这样的网站下载，包括样式和字体文件，字体可以在本地开发，但是你首先需要一个用于下载 webkit 的字体的 otf 或 ttf 文件
非常感谢boom_Shiva！！现在的问题是我必须将所有文件放在哪里，因为我正在尝试加载它们并且没有结果。谢谢！！
你打算如何被没有互联网连接的人访问？？？
下载所有代码，稍后安装到本地
那只需将字体添加到下载中？

标签： css fonts

【解决方案1】：

是的，这是可能的，如果您只是在浏览器中访问您的本地主机，它应该可以像您将其端口转发并使用您自己的 IP/域去那里一样工作。

如果该@font 不适合您，请确保 1) 您使用 Chrome/Firefox（Internet Explorer 仅支持某些文件扩展名（我认为是 .otf）。

和 2) 你有正确的路径设置！

也许你的一些 html/css 代码可以帮助我们解决你的问题:)

【讨论】：

【解决方案2】：

你必须使用一个网络字体工具包，你可以从像http://convertfonts.com这样的网站下载，包括样式和字体文件，字体可以在本地开发，但是你首先需要一个 otf 或 ttf 文件用于下载 webkit 的字体。

只需创建一个字体文件夹，就像你有 css、js 文件夹一样，在你的 css 文件中只包含 /fonts/，就像

  @font-face { font-family: 'MuseoSans-100'; 
  src: url('fonts/museosans-100.eot'); 
  src: url('fonts/museosans-100.eot') format('embedded-opentype'), 
       url('fonts/museosans-100.woff') format('woff'), 
       url('fonts/museosans-100.ttf') format('truetype'), 
       url('fonts/museosans-100.otf') format('opentype'), 
       url('fonts/museosans-100.svg#MuseoSans-100') format('svg'); 
  } just an example

如果您的 css 文件在另一个文件夹中，请相应地更改 url

【讨论】：