> For the complete documentation index, see [llms.txt](https://johch3n611u.gitbook.io/c50108/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://johch3n611u.gitbook.io/c50108/ju-li-cheng-bei/201903/2019-0307.md).

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

## 伺服器字型鑲嵌CSS

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

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_Kb6gS_V3NcmCnquYe%2F-L_Ke_tu2OlvAS9g0x1b%2Fimage.png?alt=media\&token=1b907197-95bc-4e1b-bf8a-4eb4bf13ca91)

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');
}
```

## 伺服器

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M0Wrn3H_4mGTpoyt0%2F-L_M2yARS7od4LFP1dsR%2Fimage.png?alt=media\&token=b49a6d1a-6dd2-43e4-b316-e3d14b3debd8)

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M0Wrn3H_4mGTpoyt0%2F-L_M36iCjz5bjdqxMzuq%2Fimage.png?alt=media\&token=885a6a70-db1c-4873-8b8d-fb4840acde85)

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M0Wrn3H_4mGTpoyt0%2F-L_M3DyhhGUov8Av1WLx%2Fimage.png?alt=media\&token=364cb150-2ba8-4b8e-87ea-fee246ab3c5a)

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M0Wrn3H_4mGTpoyt0%2F-L_M3KdqKMBVRY6RLZ50%2Fimage.png?alt=media\&token=9c260901-d3ed-45f8-be62-0c96961d48d4)

### 網域

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M6V_-YCEy0el4Z1wi%2F-L_M7JEJjlbOPKfSzG-l%2Fimage.png?alt=media\&token=47dff425-14a5-4806-bd0f-35104ff98977)

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_M6V_-YCEy0el4Z1wi%2F-L_M7YDmpgObTddkpojr%2Fimage.png?alt=media\&token=b697be10-f6b3-4b45-8e08-9d991382d650)

共用資料夾 獨立伺服器

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_g1rlUbMo38QFnUnru%2F-L_g1wy1DmtTNBVL0_Hu%2F8272.jpg?alt=media\&token=1cfbc360-f650-40a3-b989-51be8d09568d)

![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-L_g1rlUbMo38QFnUnru%2F-L_g22tE9rmdt0lvXHC3%2F8285.jpg?alt=media\&token=69391517-dc69-4665-b57d-0ff45e1e6279)