/*!
 * FontAwesome v4 family 相容層 —— 站內自帶,非官方檔案
 *
 * 為什麼需要這個檔
 * ----------------
 * 佈景主題的 style.css 有 5 處不是用 class 畫圖示,而是用 CSS 偽元素:
 *
 *     font-family: 'FontAwesome';
 *     content: "\f107";
 *
 * 'FontAwesome' 是 Font Awesome **4** 的 family 名稱。Font Awesome 5 把字型
 * 拆成 "Font Awesome 5 Free"（solid/regular）與 "Font Awesome 5 Brands",
 * 兩個名字都不叫 FontAwesome —— 所以單獨載入 all.min.css 會讓這 5 處
 * 變成「方框」或「空白」。
 *
 * 原本的 kit 之所以沒這個問題,是因為 kit 會自動注入 v4 相容宣告。
 * 實測 kit 注入了 4 個同名為 FontAwesome 的 @font-face
 *（solid-900 / brands-400 / regular-400 / v4deprecations）。
 * 這個檔就是把其中前三個在本地重做一次 —— 官方 web 套件沒有
 * v4deprecations 那支字型,而實測本主題也用不到它:
 *
 *     style.css 透過 FontAwesome family 用到的字碼只有 4 個,
 *     \f00c check、\f0da caret-right、\f105 angle-right、\f107 angle-down,
 *     四個在 5.15.4 free 的 solid 都存在。
 *
 * 堆疊三個同名 face 而不是只留 solid:瀏覽器會逐個 face 找字,
 * 等於保留「主題日後新增 brands/regular 字碼也仍然會顯示」這個餘裕,
 * 而且這三支字型本來就為了 class 式圖示而載入,不會多傳任何位元組。
 *
 * ⚠️ 載入順序必須在 all.min.css 之後。
 */

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
       url("../webfonts/fa-solid-900.woff2") format("woff2"),
       url("../webfonts/fa-solid-900.woff") format("woff"),
       url("../webfonts/fa-solid-900.ttf") format("truetype"),
       url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
       url("../webfonts/fa-brands-400.woff2") format("woff2"),
       url("../webfonts/fa-brands-400.woff") format("woff"),
       url("../webfonts/fa-brands-400.ttf") format("truetype"),
       url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
       url("../webfonts/fa-regular-400.woff2") format("woff2"),
       url("../webfonts/fa-regular-400.woff") format("woff"),
       url("../webfonts/fa-regular-400.ttf") format("truetype"),
       url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
