在Web開發中，CSS是一種非常重要的技術，它可以將HTML元素進行樣式設計，使網頁更加美觀。其中，CSS文字不受系統影響就是一個常見的問題。

在不同的操作系統和瀏覽器中，文字的默認樣式不盡相同。一些操作系統和瀏覽器的默認字體大小可能會很小，如果沒有對其進行樣式修飾，那么在不同的設備上呈現出來的文字可能就不太一樣。

/* 系統默認樣式 */
body {
font-size: 14px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
line-height: 1.5;
}

為了解決這個問題，我們可以使用CSS的rem或px單位，來精確地定義文字大小。這樣，即使在不同的設備上，文字的大小也會保持一致。

/* 定義字體大小為16px */
html {
font-size: 16px;
}
/* 對特定元素設置字體大小 */
p, h1, h2, h3, h4, h5, h6 {
font-size: 1rem; /* 是相對于根元素html的字體大小 */
}

此外，我們還可以使用web字體，這樣無論在哪個設備上顯示都能保持一致。web字體有許多選擇，比如免費的Google字體庫或Adobe Typekit字體庫。

綜上所述，只需在CSS中定義好文字樣式，即使在不同的設備上，文字也能夠保持不變，從而讓網頁更加美觀。