Fonts 使用字体替换我的phpbb论坛上的图标

很抱歉，这是一个非常业余的问题

我对这东西不太在行，所以请原谅我对这东西的无知。考虑到4个月前我没有css或html知识，我一直在边走边学习，做得相当不错

我的网站是raider-forums.com，我想用字体替换我的图标来更新外观，我认为这会使外观更干净，特别是在使用收缩和缩放时

我发现icomoon似乎很适合我的需要，我下载了zip文件，但我真的不确定如何继续

我只需要知道如何更改其中一个，然后将其复制到其余部分。例如，在我的侧边栏菜单上，使用artodia的helion样式

以下是我想尝试将图像更改为web字体的按钮：

<ul class="menu">
    <li class="menu-item menu-section"><p>Sample Links</p></li>
    <li class="menu-item"><a href="#">Normal Link</a></li>
    <li class="menu-item menu-home"><a href="#">Home</a></li>
    <li class="menu-item menu-forum"><a href="#">Forum</a></li>
    <li class="menu-item menu-pm"><a href="#">Private Message</a></li>
    <li class="menu-item menu-ucp"><a href="#">User Control Panel</a></li>
    <li class="menu-item menu-users"><a href="#">Users List</a></li>
    <li class="menu-item menu-login"><a href="#">Log In</a></li>
    <li class="menu-item menu-search"><a href="#">Search</a></li>
    <li class="menu-item menu-down"><a href="#">Down Arrow</a></li>
    <li class="menu-item menu-link"><a href="#">Link</a></li>
</ul>

和colors.css：

.phpbb .menu li.menu-item, .phpbb .menu li.menu-section {
   background-image: url("{T_THEME_PATH}/images/menu_left.png");
}
.phpbb .menu li.menu-item a, .phpbb .menu li.menu-section a, .phpbb .menu li.menu-section p, .phpbb li.menu-form input.button-icon {
   background-image: url("{T_THEME_PATH}/images/menu_right.png");
}

.phpbb .menu li.menu-item {
   background-color: #393939;
   border-style: outset;
   border-width: 2px;
   border-color: #999999;
}
.phpbb .menu li.menu-item:hover {
   background-color: #181818;
}
.phpbb .menu li.menu-item.active {
   background-color: #565656;
   border-style: inset;
   border-width: 2px;
   border-color: #aaaaaa;
   color: #bbb !important;
}
.phpbb .menu li.menu-section, .phpbb li.menu-form input.button-icon {
   background-color: #181818;
}
.phpbb .menu li.menu-section:hover, .phpbb li.menu-form input.button-icon:hover {
   background-color: #181818;
}

.phpbb .menu li.menu-item a {
   color: #dddddd;
}
.phpbb .menu li.menu-item:hover a {
   color: #555555;
}
.phpbb .menu li.menu-item.active a {
   color: #bbb;
   font-weight: bold;
}

.phpbb .menu li.menu-section p, .phpbb .menu li.menu-section a {
   color: #000 !important;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.phpbb li.menu-form input.inputbox.search {
   background-image: url("{T_THEME_PATH}/images/input_search.png");
}
.phpbb li.menu-form input.inputbox.login {
   background-image: url("{T_THEME_PATH}/images/input_user.png");
}
.phpbb li.menu-form input.inputbox.password {
   background-image: url("{T_THEME_PATH}/images/input_pass.png");
}

在某些.css文件的某个地方，可能有一些东西定义了要使用的字体族

您应该删除它并添加@font-face，如下所述：

---

你想在哪里定义字体？您正在使用的文件结构是什么？有很多css显示，但它似乎与问题无关，你能回顾一下它并给我们更好的资源来帮助你吗？我很抱歉包含了所有的代码，我只是不确定我需要做什么来完成这一点，我在我的网站边栏上的菜单中包含了我知道与这些图像相关的代码。嗯。我猜不要点击进入lol，我是这里的新手。不管怎么说，我只是想把.png图片换成这样一个网站上的字体图标：我希望我知道你在引用什么资源，我现在只是有点缺乏知识，但请容忍我，我正在尽我最大的努力快速学习。我包含了两个.css文件和一个用于菜单的html文件。我可以包括哪些具体内容，以使某人更容易发现我需要编辑的部分，以及需要添加哪些文件才能使用这些webfonts？

.phpbb .menu li.menu-item, .phpbb .menu li.menu-section {
   background-image: url("{T_THEME_PATH}/images/menu_left.png");
}
.phpbb .menu li.menu-item a, .phpbb .menu li.menu-section a, .phpbb .menu li.menu-section p, .phpbb li.menu-form input.button-icon {
   background-image: url("{T_THEME_PATH}/images/menu_right.png");
}

.phpbb .menu li.menu-item {
   background-color: #393939;
   border-style: outset;
   border-width: 2px;
   border-color: #999999;
}
.phpbb .menu li.menu-item:hover {
   background-color: #181818;
}
.phpbb .menu li.menu-item.active {
   background-color: #565656;
   border-style: inset;
   border-width: 2px;
   border-color: #aaaaaa;
   color: #bbb !important;
}
.phpbb .menu li.menu-section, .phpbb li.menu-form input.button-icon {
   background-color: #181818;
}
.phpbb .menu li.menu-section:hover, .phpbb li.menu-form input.button-icon:hover {
   background-color: #181818;
}

.phpbb .menu li.menu-item a {
   color: #dddddd;
}
.phpbb .menu li.menu-item:hover a {
   color: #555555;
}
.phpbb .menu li.menu-item.active a {
   color: #bbb;
   font-weight: bold;
}

.phpbb .menu li.menu-section p, .phpbb .menu li.menu-section a {
   color: #000 !important;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.phpbb li.menu-form input.inputbox.search {
   background-image: url("{T_THEME_PATH}/images/input_search.png");
}
.phpbb li.menu-form input.inputbox.login {
   background-image: url("{T_THEME_PATH}/images/input_user.png");
}
.phpbb li.menu-form input.inputbox.password {
   background-image: url("{T_THEME_PATH}/images/input_pass.png");
}