CSS 是前端工程師不可或缺的一個技能，其中包含的手機字體設置尤為重要。

/* 基礎設置 */
html {
font-size: 16px;
font-family: Arial, sans-serif;
}
/* 移動端字體設置 */
@media screen and (max-width: 768px) {
html {
font-size: 14px;
}
}
/* 重置默認字體 */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
/* 增大標題字體 */
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
/* 縮小較小字體 */
small {
font-size: 12px;
}
/* 調整間距 */
p {
line-height: 1.5;
letter-spacing: 0.5px;
text-align: justify;
}

在上述代碼中，我們首先設置了網頁的基礎字體大小和字體樣式。對于移動設備，我們通過媒體查詢將字體大小調整為 14px。

接下來，我們使用樣式重置了 HTML 的默認字體加粗樣式，并針對不同的標題標簽進行了字體大小的調整，增大了 h1 到 h3 的字體大小。我們還使用了 small 標簽對較小字體進行了縮小處理。

最后，我們使用了 p 標簽來調整間距，并實現了兩端對齊的效果。在實際項目中，你可以根據具體需求調整相應的樣式。