如何在Bower包中使用CSS加載PhalconPHP中的字體？

Question

我正在嘗試在PhalconPHP應用程序中加載Roboto google字體。 我已經使用bower安裝了roboto-fontface並且嘗試使用_fonts.scss文件中的@font-face在本地加載其字體。

這是我的字體加載“代碼”：

$roboto-font-path: '../../bower_components/roboto-fontface/fonts/roboto/';

@font-face {
  font-family: "Roboto";
  src: //local(Roboto Thin),
  url("#{$roboto-font-path}Roboto-Thin.woff2") format("woff2"),
  url("#{$roboto-font-path}Roboto-Thin.woff") format("woff");

  font-weight: 100;
}

我正在使用的url似乎有效，但是在檢查Firefox中實際發生的情況時，我得到了以下內容（這是我的index.volt的內容）： Firefox的屏幕截圖 。

當然，我可以使用<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">加載該字體，但是將來在使用多種字體時會降低加載時​​間。

有什么幫助嗎？

Answer 1

每個PhalconPHP應用程序根目錄中的.htacces會將所有傳入請求重定向到public目錄。 我的bower_components不在此目錄中。 使用.bowerrc文件將bower_components移動到public目錄中，並修改了一些路徑。 現在就像一個魅力__（ツ）_ /¯。