@font-face failed OpenType embedding permission check. Permission must be Installable

问题:

This exception occurs in here. You can reproduce it in IE11. So far I have not found the cause of the issue. Any ideas why this is being caused?

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

The web site is running on Azure Websites platform and is using ASP.NET MVC 5.

回答1:

Fixed by adding

under

in web.config.

Edit:

to prevent any problems with consequent releases I recommend doing this:

回答2:

sibaspage answer pointed me into the right direction. But I still see the error message in IE11. For me it worked using the following syntax:

@font-face {    font-family: 'Font-Name';    src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'),         url('../fonts/Font-Name.ttf')  format('truetype'); } 

回答3:

IE not supports .ttf just use .eot font files

@font-face {   font-family: 'Font-Name';   src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype');   src: url('../fonts/Font-Name.ttf')  format('truetype'); 

}

文章来源: @font-face failed OpenType embedding permission check. Permission must be Installable