CSS3+導(dǎo)入字體

CSS3引入了一項(xiàng)引人注目的新功能-字體導(dǎo)入。使用字體導(dǎo)入，您可以將自定義字體（如Web字體）嵌入您的網(wǎng)站，這可以提供使用者更多的可讀性和視覺吸引力。

要導(dǎo)入字體，需要使用@font-face規(guī)則。在此規(guī)則中，您需要指定一個(gè)字體系列，并定義它的源，包括字體文件的URL。@font-face規(guī)則可以在CSS中任意位置定義，常常存在于CSS文件的頂部，所以在樣式表被解析之前，字體就會(huì)被加載。

@font-face{
font-family: 'MyFont';
src: url('MyFont.ttf') format('truetype');
}

如上所示，我們首先定義了字體系列的名稱：'MyFont'。該字體系列并不存在于計(jì)算機(jī)中，而是將引用一個(gè)我們要使用的字體文件，該文件應(yīng)指定為TrueType格式，使用URL鏈接給出。

之后，為了使使用者能正確地看到字體，我們需要將它映射到具體的HTML元素上。例如：

p{
font-family:'MyFont', sans-serif;
}

如上所示，我們指定了將'MyFont'字體系列應(yīng)用到所有HTML段落元素上。另外，我們指定了一個(gè)備用字體系列 sans-serif，以防'MyFont'無法加載。

最后需要注意的是，字體文件必須位于同一個(gè)服務(wù)器上，否則字體將被拒絕加載。在使用字體導(dǎo)入時(shí)，請確保您擁有字體文件的版權(quán)，并且盡可能使用公共域字體。