ThinkPHP 5 打开public/assets/img/usdtqb.jpg图片底部设置文字默认字体不保存显示

ThinkPHP 5 中要在图片底部添加文字并自定义字体，通常会使用 HTML 和 CSS 来结合操作。首先，你需要创建一个包含图片和文本的 HTML 元素，并利用 CSS 定义字体样式。以下是一个基本步骤示例：

1. **HTML 结构**:

<div class="image-container">
    <img src="/public/assets/img/usdtqb.jpg" alt="USDT QB Image">
    <span class="text-bottom">底部的文字</span>
</div>

在这里，`/public/assets/img/usdtqb.jpg`是图片的路径，记得替换为你实际的图片路径。

2. **CSS 样式**:

.image-container {
    position: relative;
}

.text-bottom {
    position: absolute;
    bottom: 0; /* 设置文字底对齐 */
    left: 50%; /* 文字居中对齐 */
    transform: translateX(-50%); /* 文字向左移动自身宽度的一半，使其居中 */
    font-family: '你的字体名称'; /* 自定义字体，如需使用系统默认字体，可以省略该行 */
    color: #000; /* 文字颜色 */
    text-align: center; /* 如果需要，还可以设置文字居中对齐 */
}

记得将 `'你的字体名称'` 替换成你想要使用的字体名（如果浏览器支持），如果没有特定字体，上述代码里的 `font-family` 可能需要去掉。