Wordpress主题entypo css字符/图标?

Wordpress主题entypo css字符/图标?,css,wordpress,Css,Wordpress,您好,我试图在wordpress主题中的图像悬停上添加entypo图标,但它显示为字母或字符,以防我使用一个代码示例,在悬停上的代码中,entypo显示“,引号 <div class="large-thumbnail"> <a href="url" title=""> <img width="400" height="220" src="image.jpg" class="image" alt="image"></a> </div>

您好,我试图在wordpress主题中的图像悬停上添加entypo图标,但它显示为字母或字符,以防我使用一个代码示例,在悬停上的代码中,entypo显示“,引号

<div class="large-thumbnail">
<a href="url" title=""> 
<img width="400" height="220" src="image.jpg" class="image" alt="image"></a>
</div>

.large-thumbnail:hover a:after {
content: "\0022";
font: 48px/.75 'EntypoRegular';
height: 36px;
width: 32px;
margin-right: 5px;
vertical-align: -2px;
text-decoration: none;
display: inline-block;
zoom: 1;
_height: 36px;
}

.大缩略图:悬停a:之后{
内容:“\0022”;
字体:48px/.75“EntypoRegular”;
高度:36px;
宽度:32px;
右边距:5px;
垂直对齐:-2px;
文字装饰:无;
显示:内联块;
缩放:1;
_高度:36px;
}

你是如何加载字体的?@Paulie\u D,我不知道你的意思。这是我第一次尝试使用entypo字符,这个代码就是我所有的。我使用了这个来源:如果你不加载字体(可能使用
@font-face
)首先,当您在CSS中引用字体时,浏览器将无法识别该字体。请尝试更仔细地检查您链接的JSFIDLE。