Php 字体内容显示为文本

这是我的第一个问题。我有两个问题

当从DB插入html代码时，元数据中链接的CSS不适用：为什么

为了解决这个问题，我在html代码后面插入了一个样式标记。但是

我目前使用MYSQL作为数据库。使用SQL脚本，通过phpmyadmin将数据插入该数据库

检索数据时，内容显示为文本，而不是图标。这就是我创建图标元素的方式，它在一个简单的html文档中正常工作。但当通过SQL脚本插入数据时，情况并非如此。 当我通过phpMyAdmin的GUI进行更新时，它也在工作

Css部分

下面是我的SQL代码的一部分：

SET@OLD\u UNIQUE\u CHECKS=@@UNIQUE\u CHECKS，UNIQUE\u CHECKS=0；
设置@OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS，FOREIGN_KEY_CHECKS=0；
设置@OLD_SQL_MODE=@@SQL_MODE，SQL_MODE='TRADITIONAL'；
创建架构（如果不存在）`esano`
默认字符集utf8
核对utf8_-bin；
使用'esano'；
[...]
创建表格课程(
id INT（11）自动增量不为空，
主题INT不为空，
title VARCHAR（255）不为空，
视频VARCHAR（255），
脚本文本不为空，
交互文本不为空，
主键（id）
)默认字符集=utf8，引擎=InnoDB；
[...]
更新“课程”`
设置“交互”=“[…]
[...]'
其中`course`.`id`=7；

  #sinner .sinner_chart_item::before {
        font-family: FontAwesome;
        color: #FFFFFF;
        font-size: 4em;
        position: absolute;
        z-index: 5;
        line-height: 3em;
        height: 200px;
        width: 200px;
        margin-top: 15px;
        margin-left: 15px;
    }

  #sinner .sinner_chart_item:nth-child(1)::before {
        content: "\f2c8";
    }

SET @OLD_UNIQUE_CHECKS = @@UNIQUE_CHECKS, UNIQUE_CHECKS = 0;
SET @OLD_FOREIGN_KEY_CHECKS = @@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS = 0;
SET @OLD_SQL_MODE = @@SQL_MODE, SQL_MODE = 'TRADITIONAL';

CREATE SCHEMA IF NOT EXISTS `esano`
  DEFAULT CHARACTER SET utf8
  COLLATE utf8_bin;
USE `esano`;

[...]

CREATE TABLE course (
  id     INT(11) AUTO_INCREMENT NOT NULL,
  topic  INT                    NOT NULL,
  title  VARCHAR(255)           NOT NULL,
  video  VARCHAR(255),
  script TEXT                   NOT NULL,
  interact TEXT                 NOT NULL,
  PRIMARY KEY (id)
) DEFAULT CHARSET=utf8,  ENGINE = InnoDB;

[...]


UPDATE `course`
SET `interact` = '<div class="interact__container" id="sinner">[...]</div>
                  <style>[...]</style>'
WHERE `course`.`id` = 7;