Question

我打算在我的Django网络应用中使用Ubuntu字体。我在这里下载了字体：http://font.ubuntu.com/。到目前为止，我设法通过链接到Google API来启用字体;通过在我的html文件<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">

中粘贴这行代码

但是，我的网络应用程序的服务器不会连接到互联网，因为它只能在内部使用。上述方法仍然可以这样工作吗？如果没有，我如何将下载的字体嵌入我的Web应用程序？

Answer 1

CSS运行客户端。只要客户端连接到互联网，它就能正常工作。

Answer 2

您实际需要哪种字体？

这很简单： http://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic 返回：

@media screen {
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: normal;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/kbP_6ONYVgE-bLa9ZRbvvvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
}
}
@media screen {
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: local('Ubuntu'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
}
}
@media screen {
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: bold;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}
}

下载您希望使用的每个WOFF文件，如'src'属性所示，并将它们放在静态目录中，并更改CSS中的'src'url以匹配您自己的URL。

EG，对于普通字体，您应该下载：http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff 将它放在/static/ubuntu_normal.woff

中

并创建以下CSS：

@media screen {
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: local('Ubuntu'), url('/static/ubuntu_normal.woff') format('woff');
}
}

您需要添加您希望使用的每种字体样式或字体 - 面，粗体，斜体等。

在我的网络应用程序上使用ubuntu字体

2 个答案: