2017-07-31 36 views
0

我在服务器上的字体有问题。本地主机工作,但服务器有一个不同的目录,不读取。与徽标是一样的。Angular 2字体到服务器

@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 */ 

标志被制成组件 是否有可能这种字体和标志整合?

+0

只需把它放在右边服务器。 – NikxDa

+0

链接是不同的,可以更改,是否有可能以其他方式链接? – Timeziak

+0

尝试'../ assets/fonts ...'如果你的'font-face'代码位于'app.scss'中 – sTx

回答

0

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

@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路径

+0

好主意等等,但更多的必须在构建中结合 – Timeziak

0

我想也许有

environment.apiUrl 

的东西,但是我不知道是否有做它属于在那里