Question

所以我有一个Django应用<my-app>，我想将一些本地字体文件加载到基本模板<my-app>/templates/<my-app>/base.html。

例如，在<my-app>/static/<my-app>/fonts/Lato/下我有几个.ttf个文件：

拉托-Black.ttf
拉托-BlackItalic.ttf
拉托-Bold.ttf
等

并在<my-app>/static/<my-app>/css/fonts.css我有：

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src:
  local('Lato-Black') url('../fonts/Lato/Lato-Black.ttf') format('truetype'),
  local('Lato-BlackItalic') url('../fonts/Lato/Lato-BlackItalic.ttf') format('truetype'),
  local('Lato-Bold') url('../fonts/Lato/Lato-Bold.ttf') format('truetype'),
  local('Lato-BoldItalic') url('../fonts/Lato/Lato-BoldItalic.ttf') format('truetype'),
  local('Lato-Hairline') url('../fonts/Lato/Lato-Hairline.ttf') format('truetype'),
  local('Lato-HairlineItalic') url('../fonts/Lato/Lato-HairlineItalic.ttf') format('truetype'),
  local('Lato-Italic') url('../fonts/Lato/Lato-Italic.ttf') format('truetype'),
  local('Lato-Light') url('../fonts/Lato/Lato-Light.ttf') format('truetype'),
  local('Lato-LightItalic') url('../fonts/Lato/Lato-LightItalic.ttf') format('truetype'),
  local('Lato-Regular') url('../fonts/Lato/Lato-Regular.ttf') format('truetype')
  ;

}

相应地在base.html：

  {% load static %}
  <link rel="stylesheet" type="text/css" href="{% static '<my-app>/css/fonts.css' %}" />

这不会加载字体，以便我可以像使用Google的api一样使用它们：

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

那么如何修复我的CSS？

Django，CSS3和font-face：如何加载本地字体文件？

0 个答案: