oO5 Dynasty
Well-known member
I just recently turned my logo into a font type, and I wanted to use it as a icon inside xenforo. Does anybody know how can this be done?
I wanna use the logo inside of the navigation bar for a link. I know using font awesome is easier, but you have to pay them yearly for them to host your icon. So I want to host the icon myself and just looking for assistance on how to implement it into xenforo.
I wanna use the logo inside of the navigation bar for a link. I know using font awesome is easier, but you have to pay them yearly for them to host your icon. So I want to host the icon myself and just looking for assistance on how to implement it into xenforo.
Code:
<i class="icon-oO5Dynasty"></i>
Code:
@font-face {
font-family: 'oo5dynasty';
src: url('fonts/oo5dynasty.eot?9yn7z1');
src: url('fonts/oo5dynasty.eot?9yn7z1#iefix') format('embedded-opentype'),
url('fonts/oo5dynasty.ttf?9yn7z1') format('truetype'),
url('fonts/oo5dynasty.woff?9yn7z1') format('woff'),
url('fonts/oo5dynasty.svg?9yn7z1#oo5dynasty') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
i {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'oo5dynasty' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-oO5Dynasty:before {
content: "\e900";
}