CSS引入字體一般使用@font-face規(guī)則,但是在應用于網(wǎng)頁中時,有時需要使用絕對路徑引用字體文件。下面介紹兩種方法。
方法一:使用@font-face規(guī)則
@font-face { font-family: MyFont; src: url(http://example.com/fonts/MyFont.ttf); } body { font-family: MyFont; }
該方法直接在@font-face規(guī)則中使用絕對路徑。
方法二:使用base標簽
<base > <link href="/fonts/MyFont.ttf" rel="stylesheet" type="text/css"> body { font-family: MyFont; }
該方法比較簡單,只需要在head標簽中添加一個base標簽,指定網(wǎng)站的根路徑,然后在link標簽中引入字體文件的相對路徑即可。