使用@font-face可以實現從服務器端加載字體，因而瀏覽器中使用的字體就可以不受本地字體的限制。各個瀏覽器支持的格式不同，我們需要不同的字體格式來解決兼容性的問題。常見的有otf，eot，ttf，svg，woff這幾種，如果你只有其中一種，可以通過字體轉換網站轉換出其它幾種格式，推薦onlinefontconverter這個網站進行轉換，親測為可用狀態。
字體文件準備好后，在樣式表中加入如下內容：
@font-face {
/* font-properties */
font-family: CodeLight;
src:url('fonts/CodeLight.woff'),
url('fonts/CodeLight.ttf'),
url('fonts/CodeLight.eot');
}
