CSS自定義字體可以讓網頁文本樣式更加個性化。要使用自定義字體,需要定義@font-face規則,然后在樣式中引用該字體。下面是一個簡單的自定義字體代碼示例:
@font-face { font-family: 'MyFont'; /* 字體名稱 */ src: url('myfont.ttf') format('truetype'); /* 字體文件路徑和格式 */ } p { font-family: 'MyFont'; /* 引用自定義字體 */ }
代碼中,@font-face規則定義了一個名為"MyFont"的字體。src屬性指定了字體文件的路徑和格式。在樣式中,使用font-family屬性將"MyFont"字體應用于所有的<p>元素。
注意,自定義字體需要使用font-face規則來定義,src屬性必須指定字體文件的路徑和格式。如果字體格式錯誤或文件路徑不正確,將無法正確顯示自定義字體。
除了使用本地字體文件,還可以使用Web字體服務,如Google Fonts和Adobe Fonts,它們提供了大量免費的優質字體庫,可以進一步豐富網頁文本的樣式。
總而言之,在使用CSS自定義字體時,需要定義@font-face規則,指定字體文件的路徑和格式,然后引用自定義字體即可。