html - 字体系列: "Shojumaru"，草书，宋体，衬线； , 在 IE 上显示不正确

Question

我已经为我的 asp.net MVC web 应用程序定义了以下 CSS 规则:-

.navbar-brand {
    font-family: "Shojumaru",cursive,Arial,serif;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 120px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

在 Firefox 和 chrome 上，结果如下:-

虽然在 IE 上，结果将没有“花哨”的效果:-

在 Chrome 和 Firefox 上，字体效果显示正确，但 IE 将显示不同的字体。如何使字体在所有浏览器上完全相同(如果可能)？

Answer 1

首先，您应该使用@font-face 在 css 文件中嵌入您的自定义字体之后，为了固定显示您当前在 IE 中的字体，请使用此方法:

 src: url('../font/Shojumaru.eot?#iefix') format('embedded-opentype')

例如: @font-face {font-family: 'Yekan';
src: url('../font/Shojumaru.eot');
src: url('../font/Shojumaru.eot?#iefix') format('embedded-opentype'),
url('../font/Shojumaru.woff') 格式('woff'),
url('../font/Shojumaru.ttf') 格式('truetype');
字体粗细:正常；字体样式:正常；