在HTML中，可以使用CSS来实现字体包围图片的效果。这种效果可以让文字环绕在图片周围，使得页面布局更加美观和丰富。接下来，我将介绍如何使用HTML和CSS来实现这一效果。
首先，我们需要准备一张图片和一段文字。假设我们有一张名为"example.jpg"的图片和一段文字描述这张图片。接下来我们将使用以下代码来实现字体包围图片的效果：
```html
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 0%;
float: left;
margin: 0px;
}
.image {
float: left;
margin: 0 0px 0px 0;
}
.text {
text-align: justify;
}
</style>
</head>
<body>
<div class="container">
<img src="example.jpg" alt="example" class="image">
<p class="text">在这里写上描述图片的文字，可以是一段简短的介绍或者相关的内容。在这里写上描述图片的文字，可以是一段简短的介绍或者相关的内容。</p>
</div>
</body>
</html>
```
在上面的代码中，我们创建了一个包含图片和文字的容器，并使用CSS来定义了图片和文字的样式。通过设置图片和文字的`float`属性，让它们在同一行显示，并且让文字环绕在图片周围。此外，我们还设置了容器的宽度和外边距，以及文字的对齐方式，使得页面布局更加美观。
通过以上代码，我们就可以实现字体包围图片的效果。当然，你也可以根据自己的需求来调整样式和布局，以达到更加理想的效果。希望这个示例能够帮助你实现你想要的效果！