CSS 在設計 web 頁面時非常重要。它是一種用來控制網頁樣式的語言，開發人員可以使用它來指定網頁中的字體、顏色、邊距、大小等方面的樣式。

在移動設備越來越普及的今天，開發人員需要更多地考慮移動端的可視體驗。其中一個重要的因素是選擇合適的字體。由于移動設備的屏幕尺寸較小，所以需要找到適用于手機的字體。

針對手機專用字體，web 開發人員可以將以下代碼放在網頁頭文件中：

@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'MyFont', sans-serif;
}

在這里，我們定義了一個名為“MyFont”的字體，并使用@font-face規則將字體文件添加到樣式表中。這樣，我們就可以在整個頁面中使用這個字體。對于特定元素，系統首先根據字體名稱查找字體，如果系統上安裝了該字體，則使用該字體；如果系統上沒有該字體，它將使用我們在 @font-face 規則中定義的字體。

此外，我們使用通用的字體族名稱“sans-serif”。這意味著如果系統上沒有“MyFont”，則默認使用 sans-serif 字體，在大多數情況下可以提供良好的可讀性。

在移動優先的時代，保證網站或應用在移動端有良好的可視體驗是至關重要的。選擇適合手機使用的字體可以大大提高用戶體驗和用戶留存率，希望這份指南能夠對您有所幫助。