# How can I make a custom font viewable on different PCs?

**URL:** <https://forum.kirupa.com/t/how-can-i-make-a-custom-font-viewable-on-different-pcs/330967>\
**Category:** web dev\
**Created:** [April 17, 2013, 6:26pm UTC](https://forum.kirupa.com/t/how-can-i-make-a-custom-font-viewable-on-different-pcs/330967 "2013-04-17T18:26:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![samsoner](https://avatars.discourse-cdn.com/v4/letter/s/7cd45c/32.png) [@samsoner](https://forum.kirupa.com/u/samsoner)\
**Post date:** [April 17, 2013, 6:26pm UTC](https://forum.kirupa.com/t/how-can-i-make-a-custom-font-viewable-on-different-pcs/330967/1 "2013-04-17T18:26:33Z")

</div>

I embedded a font called League Gothic Regular on my website. I also uploaded various formats of the same font to my site.

I used the @font-face method. When I looked at the font from another PC it downgraded to the next font in the stack.

```auto
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('LeagueGothic-Regular-webfont.eot');
    src: url('LeagueGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('LeagueGothic-Regular-webfont.woff') format('woff'),
         url('LeagueGothic-Regular-webfont.ttf') format('truetype'),
         url('LeagueGothic-Regular-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

```