在設計網頁的過程中，我們會經常遇到字體被擋住的問題。這個問題和css有著密不可分的關系，讓我們來一起探討一下吧。

首先，我們需要了解一下字體在css中是如何被處理的。當我們給一個元素設置字體時，瀏覽器會按照以下順序來查找字體：

1. 首先查找使用@font-face導入的本地或遠程字體；
2. 如果沒有找到，則查找系統字體；
3. 如果還是沒有找到，則使用默認的字體；

由于不同的系統、瀏覽器和設備可能使用的字體不同，所以在設置字體時我們需要考慮到這些因素。

但是，在實際開發中，我們經常會遇到字體被其他元素擋住的情況。這是因為在css中，元素會按照以下順序來堆疊：

1. 元素根據層級進行堆疊；
2. 如果兩個元素在同一層級內，那么后面出現的元素會覆蓋前面的元素；
3. 如果兩個元素有相同的z-index值，那么按照元素在文檔流中出現的順序來決定誰在上面誰在下面。

因此，當我們在設置元素的樣式時，也需要考慮到這些因素。例如，我們可以通過更改元素的層級或者z-index值來解決字體被擋住的問題。

總之，在設計網頁時，我們需要綜合考慮字體的設置以及元素的層級和z-index值，才能避免字體被擋住的問題。