• I am working out of twenty eleven theme and trying to change the font for all areas of my website. I have added the @fontface rule to my css and changed the font family as well. The updated font is reflected on some computers in my home as well as mobile devices, but does not come through when I check the website on other computers. I have read through other troubleshooting posts and have not been able to find/fix the issue. Thanks in advance!

    Website is http://www.majormotionmedia.com. This is the code I currently have:

    @font-face {
    	font-family: 'Compass';
    	src: url(http://www.majormotionmedia.com/wp-content/themes/twentyeleven/Compass.ttf);
    	font-weight: normal;
    	font-style: normal;
    }
    body, input, textarea {
    	color: #373737;
    	font-family: 'Compass', sans-serif;
    	font-weight: 300;
    	line-height: 1.625;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • You are only making the .ttf file available which is not supported in all browsers.

    Read this: http://css-tricks.com/snippets/css/using-font-face/

    or try linking to an online font (like google font) rather than self hosting.

    Thread Starter Annabelle123

    (@annabelle123)

    So my font (compass) seems to be only available as a ttf or svg file. I added the url for the svg file to my css, but the font is still not showing up on all computers like I want (even across similar browsers it is not consistent), so if the code is right, am I just SOL, since the font is not available in other formats (WOFF, EOT)?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘font changes in twenty eleven not working consistently’ is closed to new replies.