2019/0307/前端HTML5鑲嵌字型&伺服器網域概念

伺服器字型鑲嵌CSS

缺點 1.流量 2.不是所有行動裝置都支援

CSS 內 @ 的提示字都是可操控CSS的物件

font-face 定義新字型

font-fanily:'自定義名稱'

src:路徑

@font-face {
    font-family: 'MyPlayerFont';
    src: url('fonts/WEBDINGS.ttf') format('truetype');
}
@font-face {
    font-family: 'MyPlayerFont';
    src: url('fonts/WEBDINGS.svg') format('svg');
}
@font-face {
    font-family: 'MyPlayerFont';
    src: url('fonts/WEBDINGS.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'MyPlayerFont';
    src: url('fonts/WEBDINGS.woff') format('woff');
}