這個是用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文件。具體關系和原理尚需繼續學習。
