有時候我們想要在網站中加入一些有趣的效果，比如給圖片加上一些特殊的字體。這時候，我們可以使用CSS來達到想要的效果。

首先，我們需要通過HTML標簽來將圖片放置在我們的網站中。例如：

<img src="picture.jpg">

接下來，我們可以使用CSS來為圖片添加一些字體，方法如下：

img {
position: relative; /*定位圖片*/
}
img:before {
content: "我是圖片上的文字"; /*添加文字內容*/
font-family: Arial, sans-serif; /*設置字體*/
font-weight: bold; /*文字加粗*/
font-size: 24px; /*文字大小*/
color: #fff; /*文字顏色*/
position: absolute; /*絕對定位*/
top: 50%; /*文字在圖片中垂直居中*/
left: 50%; /*文字在圖片中水平居中*/
transform: translate(-50%, -50%); /*調整位置*/
}

在上面的代碼中，我們使用了:before偽類來創建一個新的元素（即在圖片上添加文字）。我們設置了字體、字體大小、顏色等屬性，并將其絕對定位在圖片的中央位置。最后通過transform來微調位置。

當然，上面只是一個簡單的例子，你可以靈活運用CSS來實現更加豐富的效果。