隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，越來越多的用戶開始使用移動設(shè)備上網(wǎng)，因此，移動端開發(fā)變得越來越重要。然而，在移動端開發(fā)中，各種細(xì)節(jié)問題也開始暴露出來。其中一個問題就是字體的問題。

在不同的移動設(shè)備上，字體的尺寸、字重和行高等都可能有所不同。這就導(dǎo)致了一個問題：如果不對移動端樣式中的字體進(jìn)行重置，那么不同設(shè)備之間的樣式就會產(chǎn)生很大差異。那么，如何重置移動端css中的字體呢？

/* 重置字體 */
html, body{
font-size: 16px;
font-weight: normal;
line-height: 1.5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 調(diào)整h1-h6字體大小 */
h1{
font-size: 2.0rem;
}
h2{
font-size: 1.8rem;
}
h3{
font-size: 1.6rem;
}
h4{
font-size: 1.4rem;
}
h5{
font-size: 1.2rem;
}
h6{
font-size:1.0rem;
}
/* 防止文本選擇超限 */
body{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

如上代碼所示，通過設(shè)置html和body元素的字體、字重和行高等屬性，實現(xiàn)樣式的統(tǒng)一。同時，通過定義h1-h6元素的字體大小，保證不同級別的標(biāo)題之間的大小差異不會太大。另外，防止文本選擇超限的代碼也可以加上，以提升用戶體驗。

總之，在移動端開發(fā)中，重置字體是非常重要的一步。只有通過正確的操作，才能解決移動端樣式差異問題，讓用戶在不同設(shè)備上獲得一致的樣式體驗。