css 使用Divi的ETModules图标字体

Posted 2021-05-13

<h2>Contact Information</h2> 
<div class="contact-address contact-media">123 Your Address, San Antonio, Texas 78212</div> 
<div class="contact-phone contact-media">[phone]</div> 
<div class="contact-fax contact-media">[phone]</div> 
<div class="contact-email contact-media">[e-mail]</div>

.contact-media:before {
 position: relative;
 margin-right: 4px;
 font-family: 'ETmodules';
}
.contact-address:before {
 content: "\e009";
}
.contact-media {
 margin-bottom: 2px;
}
.contact-phone:before {
 content: "\e090";
}
.contact-email:before {
 content: "\e010";
}
.contact-fax:before {
 content: "\e103";
}