我正在尝试在我的 Phoenix 应用程序中使用自定义字体。我已将它们放在priv/static/fonts
目录中,并在模板中正确创建并加载了 css 文件,web/templates/layout/app.html.eex
但 Phoenix 服务器没有为它们提供服务。
/Users/Psycho/code/elixir/my_app/
▾ priv/
▸ repo/
▾ static/
▸ css/
▾ fonts/
▾ walsheim/
gt-walsheim-light-web.svg
gt-walsheim-light-web.eot
gt-walsheim-light-web.ttf
gt-walsheim-light-web.woff
用于采购字体的 css 文件:
// my_app/priv/css/fonts.css
@font-face {
font-family: "Walsheim";
font-style: normal;
font-weight: 300;
src:
url("/fonts/walsheim/gt-walsheim-light-web.eot?#iefix") format("embedded-opentype"),
url("/fonts/walsheim/gt-walsheim-light-web.woff") format("woff"),
url("/fonts/walsheim/gt-walsheim-light-web.ttf") format("truetype"),
url("/fonts/walsheim/gt-walsheim-light-web.svg#Walsheim") format("svg");
}