Angular 2字体到服务器答案

【问题标题】：Angular 2 Font to serverAngular 2字体到服务器
【发布时间】：2017-07-31 18:50:20
【问题描述】：

服务器上的字体有问题。本地主机工作，但服务器有不同的目录，不读取。跟Logo是一样的。

@font-face 
font-family: BankGothic;
src: url('/assets/fonts/BankGothic.eot'); /* IE9 Compat Modes */
src: url('/assets/fonts/BankGothic.woff') format("woff"), /* Pretty Modern Browsers */
url('/assets/fonts/BankGothic.ttf') format('truetype'); /* Safari, Android, iOS */

标志是作为一个组件制作的是否可以将这个字体和标志整合在一起？

【问题讨论】：

把它放在服务器上它所属的地方。
链接不同，可以改，是否可以另外链接？
如果您的 font-face 代码位于 app.scss 中，请尝试 ../assets/fonts...

标签： html angular sass

【解决方案1】：

尝试使用绝对路径来链接您的字体。例如

@font-face 
font-family: BankGothic;
src: url('http://www.example.com/assets/fonts/BankGothic.eot'); /* IE9 Compat Modes */
src: url('http://www.example.com/assets/fonts/BankGothic.woff') format("woff"), /* Pretty Modern Browsers */
url('http://www.example.com/assets/fonts/BankGothic.ttf') format('truetype'); /* Safari, Android, iOS */

也许它可以帮助你。但是，如果它在您的本地主机上运行，那么它也应该在您的服务器上运行。除非并且直到您在服务器上遵循不同的目录结构。但这很明显，您的问题与 src 路径有关

【讨论】：

好主意等，但更多必须在构建中结合

【解决方案2】：

我想可能是什么

environment.apiUrl

但我不知道它是否有权这样做

【讨论】：