glyphicons-halflings-regular.ttf 404


這個是用bootstrap框架時我遇到的問題,個人解決過程如下:

① 這個資源不是我手動引用的,是bootstrap.min.css文件間接調用的。

② 默認的路徑是css文件路徑是project/css,引用的路徑是project/fonts/*.ttf。

③ 添加fonts文件夾和文件,依然提示該錯誤,但是直接訪問*.css文件就沒問題。

④ 想起靜態資源的調用是通過tomcat手動配置的。

⑤ 增加這些文件的匹配規則,在web.xml中增加如下配置:

 1     <servlet-mapping>
 2         <servlet-name>default</servlet-name>
 3         <url-pattern>*.ttf</url-pattern>
 4     </servlet-mapping>
 5     <servlet-mapping>
 6         <servlet-name>default</servlet-name>
 7         <url-pattern>*.woff</url-pattern>
 8     </servlet-mapping>
 9     <servlet-mapping>
10         <servlet-name>default</servlet-name>
11         <url-pattern>*.woff2</url-pattern>
12     </servlet-mapping>

⑥ OK,測試通過。

不想使用默認的文件路徑怎么辦?

⑦ 修改bootstrap.css關於ttf等資源調用的路徑信息:

 1 @font-face {
 2   font-family: 'Glyphicons Halflings';
 3 
 4   src: url('../fonts/glyphicons-halflings-regular.eot');
 5   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
 6   url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
 7   url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
 8   url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
 9   url('../fonts/glyphicons-halflings       regular.svg#glyphicons_halflingsregular') format('svg');
10 }

將fonts文件夾改成你實際的資源路徑,然后引用bootstrap.css。

⑧ 這時發現bootstrap.css需要用到bootstrap.css.map文件。具體關系和原理尚需繼續學習。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM