在CSS中，字體繞過了圖片，這是一個常見的排版問題，我們可以通過一些簡單的CSS技巧來解決。

我們需要了解CSS中的z-index屬性，z-index屬性用于設(shè)置元素的堆疊順序，一個元素的z-index值越大，表示該元素在堆疊順序中的位置越靠后，也就是越覆蓋在其他元素上面。

我們可以利用z-index屬性，將字體設(shè)置在一個比圖片更高的層級上，這樣就可以繞過圖片了。

具體操作步驟如下：

1、將字體包裹在一個div元素中。

2、給這個div元素設(shè)置一個比圖片更高的z-index值。

3、將圖片和字體都設(shè)置為***定位或者相對定位，以確保它們能夠正確地疊加在一起。

下面是一個示例代碼：

<div style="position: relative; z-index: 2;">
  <p style="position: absolute; z-index: 1;">這是一段文字，它將會繞過圖片。</p>
  <img style="position: absolute; z-index: 0;" src="path/to/image.jpg" />
</div>

在這個示例中，文字被包裹在一個div元素中，并且設(shè)置了z-index值為2，圖片則被設(shè)置為z-index值為0，由于z-index值越大，元素在堆疊順序中的位置越靠后，因此文字將會繞過圖片，呈現(xiàn)在圖片的上方。

希望這個解答能夠幫助你解決問題，如果你還有其他問題，歡迎繼續(xù)提問。