Jump to content
  • admin
    admin

    How to use custom webfonts with Invision Community

    Invision Community currently comes with a choice of seven webfonts in the default theme. If you want to use different fonts, you have to customize your theme. This article explains, how this is done. 


    Access to this article is limited to members. Please register to continue reading.

    Register for free!

    User Feedback

    Recommended Comments

    Claudia

    Posted

    Thanks for this explanation. Now I have my favourite font family – but on mobile the font size is still small. Do you have how I can change this in custom.css?

    admin

    Posted

    @Claudia In general: I would suggest to adjust the “Font Scale” settings in the Theme settings. This would be global, but if your new/custom font looks smaller, than it will be smaller everywhere. 

    There is no easy way to just increase the size on mobile. You would of course need to use a media query, but you would also have to specifically target certain CSS classes and there are so many of them. 

    Claudia

    Posted

    Thanks. Even I choose standard font size with "Font Scale", no matter what I do, on mobile the font size is 13px. I'll have to look for a solution at IPS.

    admin

    Posted

    1 hour ago, Claudia said:

    Thanks. Even I choose standard font size with "Font Scale", no matter what I do, on mobile the font size is 13px. I'll have to look for a solution at IPS.

    I had a look at your site. The forum text on mobile should come from this declaration, which you should be able to override in the custom.css

    @media screen and (max-width: 767px)
    .ipsType_normal {
    font-size: 13px;
    }
    }

     



    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now

×
×
  • Create New...

Important Information

We are using functional cookies