在前端開發過程中，我們經常需要對文字進行排版布局，而其中一個常見的問題就是多字號文字大小不一致。這時候，我們可以使用CSS來解決這個問題。

首先，我們需要了解一下CSS中的字體大小單位。常見的單位有px、em、rem等。其中，px是絕對單位，而em和rem是相對單位。em是相對于父元素的字體大小，rem是相對于根元素（即html元素）的字體大小。

接下來，我們可以通過設置字體大小，來實現多字號變小的效果。以下是一段CSS代碼示例：

.text-large {
font-size: 18px;
}
.text-medium {
font-size: 16px;
}
.text-small {
font-size: 14px;
}

在HTML中，我們可以使用class屬性來定義不同大小的文字：

<p class="text-large">這是一個大字號的文字</p>
<p class="text-medium">這是一個中字號的文字</p>
<p class="text-small">這是一個小字號的文字</p>

通過設置不同的字體大小，我們可以讓多字號文字的大小統一，以達到更好的排版效果。

需要注意的是，使用em和rem作為單位時需要考慮到不同瀏覽器的默認字體大小可能不同，所以最好在根元素中設置一個默認的字體大小。比如：

html {
font-size: 16px;
}
.text-large {
font-size: 1.125em; /* 18/16=1.125 */
}
.text-medium {
font-size: 1em; /* 16/16=1 */
}
.text-small {
font-size: 0.875em; /* 14/16=0.875 */
}

這樣，無論在什么情況下，我們都可以保持相對大小的一致性，讓頁面的排版更加美觀。