Changing Fonts Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Changing Fonts

    doomedNeophyte
    doomedNeophyte
    New Member


    Male Posts : 15
    Reputation : 1
    Language : English

    In progress Changing Fonts

    Post by doomedNeophyte Mon 20 Oct - 4:15

    Hello, I'm having a bit of trouble trying to change fonts on my forum here => http://pokemon-roleplay.forumotion.com/ As you can see it's the default style. I've been trying to add fonts from here => http://www.dafont.com/ by downloading them, then typing the name of the Font in the Font Face boxes in AdminPanel : Display : Colors. However, when I save it, the font doesn't change. Any help is appreciated.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51497
    Reputation : 3523
    Language : English
    Location : United States

    In progress Re: Changing Fonts

    Post by SLGray Mon 20 Oct - 4:24

    Those fonts wil only appear if you have those fonts installed on your computer.



    Changing Fonts Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    doomedNeophyte
    doomedNeophyte
    New Member


    Male Posts : 15
    Reputation : 1
    Language : English

    In progress Re: Changing Fonts

    Post by doomedNeophyte Mon 20 Oct - 4:32

    Yeah, I made sure I installed them, though they still didn't appear. Did I not install them correctly or was it the font? I used a font from the Bitmap section on the Fontsite I mentioned.
    Mati
    Mati
    Active Poster


    Posts : 1927
    Reputation : 331
    Language : HTML, CSS & JavaScript
    Location : Forum Services

    In progress Re: Changing Fonts

    Post by Mati Mon 20 Oct - 8:46

    After downloading did you add them with CSS?
    doomedNeophyte
    doomedNeophyte
    New Member


    Male Posts : 15
    Reputation : 1
    Language : English

    In progress Re: Changing Fonts

    Post by doomedNeophyte Tue 21 Oct - 1:54

    Oh, no I didn't try that. May I ask how?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Changing Fonts

    Post by Ange Tuteur Tue 21 Oct - 3:27

    It depends on what you want to add this font to. For example, you can use the wildcard selector to add the font to all elements :
    Code:
    * {
      font-family:Papyrus, sans-serif;
    }

    It's not ideal, but it's a good way to see if the font is supported for your device.
    doomedNeophyte
    doomedNeophyte
    New Member


    Male Posts : 15
    Reputation : 1
    Language : English

    In progress Re: Changing Fonts

    Post by doomedNeophyte Tue 21 Oct - 6:37

    No, that didn't work either. The font I'm trying to use is this one: Changing Fonts Damnfo10

    I want to add it to the entire forum.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Changing Fonts

    Post by Ange Tuteur Tue 21 Oct - 7:38

    Have you tried writing it as :
    Code:
    * {
      font-family:'Flipps-Regular';
    }
    doomedNeophyte
    doomedNeophyte
    New Member


    Male Posts : 15
    Reputation : 1
    Language : English

    In progress Re: Changing Fonts

    Post by doomedNeophyte Wed 22 Oct - 2:54

    It turned out like this:

    Changing Fonts Ew10

    Which I don't want.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Changing Fonts

    Post by Ange Tuteur Wed 22 Oct - 5:33

    It may not be supported. You can use websites like Google Fonts to find a font that you can use. These should work for everyone so long as their browser is up to date.

    Example :
    Go to Quick use > choose standard and copy the href into your address bar to get the font-face rule. Place the copied rule at the top of your stylesheet, then you should be able to use it in any rule.

    Code:
    @font-face {
      font-family: 'Indie Flower';
      font-style: normal;
      font-weight: 400;
      src: local('Indie Flower'), local('IndieFlower'), url(http://fonts.gstatic.com/s/indieflower/v7/10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM.woff) format('woff');
    }

    * { font-family:'indie flower' }