CSS自定義字體為網站設計提供無限制的自由。如果您對字體選擇有著更高的要求,那么可以使用@font-face規則,將字體文件引入到網頁中。這就是通過字體URL來使用自定義字體的方式。
@font-face { font-family: "MyFont"; src: url("myfont.woff2") format('woff2'), url("myfont.woff") format('woff'); } p { font-family: "MyFont"; }
在上面的例子中,首先通過@font-face規則定義一個自定義字體“myFont”,并通過URL將它們下載到網頁上。這里使用了兩個字體文件的格式——.woff和.woff2。
在使用自定義字體時,font-family屬性需要與定義的自定義字體名稱一致。這里將其應用到
標簽中,并且讓所有文本都使用自定義字體。
需要注意的是,字體文件應該放在服務器的公共目錄下,并使用絕對路徑來引用,以確保頁面所有瀏覽器都可以正確下載字體。