Question

可以在没有互联网连接的本地网页（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;
}

Answer 1

是的，如果您只是在浏览器中访问本地主机，它应该可以正常工作，就像您将其移植到那里并使用您自己的IP /域一样。

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

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

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

Answer 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进行更改，相应地

使用下载的字体没有互联网连接

2 个答案: