相关疑难解决方法(0)

我一直在寻找几个小时,问朋友,但没有成功.所以我希望你们能帮助我.我的网站使用自定义字体,但IE(10)不支持我的方式.我不知道它支持其他方法.这是我的:

    @font-face { font-family: shardee; src:url('fonts/Shardee.ttf'); }

Internet Explorer中没有必要使用自定义字体,但这样会很好.

当Internet Explorer不知道字体时,它使用其默认字体.但问题是,自定义字体的字体大小是完美的,但是Internet Explorer的默认字体太大了.我尝试使用IE特定的css代码修复它,但它根本不起作用.我在Interner Explorer中使用以下css代码:

    <!--[if IE]>
      <style>
          #menu ul li{ font-size:15px; }
      </style>
    <![endif]-->

我也通过外部样式表尝试了它,看起来像这样:

    <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri() ?>/style/ie.css" />
    <![endif]-->

我在php中使用的函数是一个wordpress函数,它将您带到您的网站的路径.如果您不使用wordpress,则可以忘记该代码并将其留空.

问题不在于路径,路径是正确的.我查看了浏览器中的源代码,它向我展示了我在ie.css中的代码.ie.css中的代码与上面的代码完全相同,但没有标签ect.

我希望你们能帮我解决这个问题.据我所知,2种解决方案是可行的.让ie特定的css工作,或者给我一个在IE中创建自定义字体的方法.我使用的是Internet Explorer 10版.

你可以在这里看到这个网站,但是一旦修复它就会消失,因为一旦它被修复,我就不需要把它放在子域上了.

亲切的问候,巴特罗洛夫斯

我用FontAwesome中的图标替换了传统的单选按钮。一切在Chrome和Firefox上都能正常运行，但是IE11出现了问题-我要替换为单选按钮的图标根本没有显示。

使用有效的Fiddle进行编辑： https ：//jsfiddle.net/sow1a04m/

Chrome中的示例：

IE11中的示例：

这是我的HTML：

<tr>
    <td class="vert-align">Valid Signed and dated delivery ticket in patient's record.</td>
    <td class="text-center vert-align">
        <label>
            <input type="radio" name="radio-group-1" id="radio-group-1-Y" value="Y" />
        </label>
    </td>
    <td class="text-center vert-align">
        <label>
            <input type="radio" name="radio-group-1" id="radio-group-1-N" value="N" />
        </label>
    </td>
    <td class="text-center vert-align">
        <label>
            <input type="radio" name="radio-group-1" id="radio-group-1-NA" value="NA" />
        </label>
    </td>
</tr>

这是我的CSS：

#dlg-audit-intake-compliance-checklist input[type=radio] {
    visibility: hidden;
}

#dlg-audit-intake-compliance-checklist input[type=radio]:hover {
    cursor: pointer;
}

#dlg-audit-intake-compliance-checklist input[type=radio]:before {
    visibility: visible;
    font-family: FontAwesome;
    content: "\f10c";
    font-size: 25px; …