0

I have been trying to use a custom font it seems to work on everything but not internet explorer 11. Am I missing something really easy here to make this work?

@font-face {
font-family: 'comfortaa';
src: url('Comfortaa.eot'); /* IE9 Compat Modes */
src: url('Comfortaa.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa_Regular.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa_Regular.ttf')  format('truetype'), /* Safari, Android, 
   iOS    */
     url('../fonts/Comfortaa_Regular.svg') format('svg'); /* Legacy iOS */


}

@font-face {
font-family: 'comfortaabold';
src: url('Comfortaa-Bold.eot'); /* IE9 Compat Modes */
src: url('Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa-Bold.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/Comfortaa-Bold.svg') format('svg'); /* Legacy iOS */


}
Kara
  • 6,115
  • 16
  • 50
  • 57
William Jones
  • 21
  • 1
  • 1
  • 1

2 Answers2

1

If you are new to coding, maybe the easiest solution is to embed the font by putting it in the beginning of your <head> tag like this:

<link href='http://fonts.googleapis.com/css?family=Comfortaa:700' rel='stylesheet' type='text/css'>

There are several similar questions asked and answered that can help you troubleshoot:

It is wise to do a search before you post a question.

If you'd like to test your site in Explorer on a Mac, there is even questions and answers for that. This one should work well if you have several GBs to spare. If not you can look into the new Azure RemoteApp for Windows, Mac OSX, iOS or Android devices.

Community
  • 1
  • 1
eye-wonder
  • 1,181
  • 9
  • 17
1

This works fine for IE 11

    @font-face
    {
        font-family: "MyFont_Lite";
        src: url("../Fonts/myfont.ttf") format("truetype");
        src: url("../Fonts/myfont.woff") format("woff");
    }
Afz
  • 77
  • 2
  • 16