Dexlin Posted August 6, 2012 Share Posted August 6, 2012 Hi all, I am using a @font-face font which i would like to change the font-size of it but i have tried font-size etc and the font stays at the same size. Is there something i'm missing. Thanks Quote Link to comment Share on other sites More sharing options...
scootstah Posted August 6, 2012 Share Posted August 6, 2012 Where are you declaring the font-size? Quote Link to comment Share on other sites More sharing options...
Dexlin Posted August 6, 2012 Author Share Posted August 6, 2012 Hi Scootstah, I declare the @font-face in my style sheet and the set the font-family to the element i wanted that font for. All the urls in the @font-face are correct and so on, i have just come across putting !important at the end of the font, font-size sorted the issue. I had the same issue when trying it on w3c schools site. Regards Quote Link to comment Share on other sites More sharing options...
Mahngiel Posted August 6, 2012 Share Posted August 6, 2012 You don't declare a base font-size when declaring the font family. It has it's own base dimensions from when it was drawn. You can, however assign the font-size based on when you use it. h4 { font-family: my-font; font-size: 1em; } Quote Link to comment Share on other sites More sharing options...
Dexlin Posted August 6, 2012 Author Share Posted August 6, 2012 Sorry if it sounded like i declared font-size in the @font-face but i didn't mean it that way. I declare the font-size in the class i wanted the font to show. It is all sorted now. Quote Link to comment Share on other sites More sharing options...
Jessica Posted August 6, 2012 Share Posted August 6, 2012 If you had posted your code it would have been fixed a lot quicker. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.