Css 字体真棒(4.0.3)和#x2B;bootstrap(3.0.0)和#x2B;asp.net:更改字体系列
我正在使用font awesome(4.0.3)和bootstrap(3.0.0),我只想更改字体。 但有一个问题。 所有css类,如“font awesome”中的“fa-fa-group”,将不再显示,取而代之的是一个带有Unicode符号的小矩形,如“F06E”(分为两行)(文本已格式化,但符号将转换为Unicode文本) HTML: 我能做什么Css 字体真棒(4.0.3)和#x2B;bootstrap(3.0.0)和#x2B;asp.net:更改字体系列,css,asp.net-mvc-4,twitter-bootstrap,razor,font-awesome-4,Css,Asp.net Mvc 4,Twitter Bootstrap,Razor,Font Awesome 4,我正在使用font awesome(4.0.3)和bootstrap(3.0.0),我只想更改字体。 但有一个问题。 所有css类,如“font awesome”中的“fa-fa-group”,将不再显示,取而代之的是一个带有Unicode符号的小矩形,如“F06E”(分为两行)(文本已格式化,但符号将转换为Unicode文本) HTML: 我能做什么 向Martin致以最诚挚的问候问题在于你的锚定标签上有FA类。相反,它们需要属于内联内容(如斜体标记),作为锚标记的内部html 通过这段代码
向Martin致以最诚挚的问候问题在于你的锚定标签上有FA类。相反,它们需要属于内联内容(如斜体标记),作为锚标记的内部html 通过这段代码(并使用JSFIDLE示例),您尝试在同一个标记上使用两种字体:图标的FA字体和普通文本的Helvetica字体。这也是为什么它可以在下拉开关上工作,但不能在下拉元素上工作 因为锚定需要内部HTML,而不仅仅是纯文本,所以需要使用不同的助手;使用
Url.Action
,就像您在下拉切换中使用的一样,来构建链接的HREF值,而不是使用Html.ActionLink
来构建整个链接标记
试试这个
<li class="dropdown">
<a href='@Url.Action( "Management", "MasterData" )' class="dropdown-toggle"><i class="fa fa-cog"></i> Stammdaten</a>
<ul class="dropdown-menu">
<li><a href='@Url.Action( "Management", "MasterData" )'><i class="fa fa-group"></i> Verwaltung</a></li>
</ul>
</li>
问题在于您的锚标记上有FA类。相反,它们需要属于内联内容(如斜体标记),作为锚标记的内部html
通过这段代码(并使用JSFIDLE示例),您尝试在同一个标记上使用两种字体:图标的FA字体和普通文本的Helvetica字体。这也是为什么它可以在下拉开关上工作,但不能在下拉元素上工作
因为锚定需要内部HTML,而不仅仅是纯文本,所以需要使用不同的助手;使用Url.Action
,就像您在下拉切换中使用的一样,来构建链接的HREF值,而不是使用Html.ActionLink
来构建整个链接标记
试试这个
<li class="dropdown">
<a href='@Url.Action( "Management", "MasterData" )' class="dropdown-toggle"><i class="fa fa-cog"></i> Stammdaten</a>
<ul class="dropdown-menu">
<li><a href='@Url.Action( "Management", "MasterData" )'><i class="fa fa-group"></i> Verwaltung</a></li>
</ul>
</li>
您是否已将FA中的字体复制到您的网站中?它们是否被正确引用(并且没有在浏览器中返回404)?是的,它正在工作。我正在标题中使用,但只要我使用“.navbar.nav li a”,符号就会自动转换为unicode…你能在JSFIDLE上举个例子吗?是的:(更新了我的主要条目)谢谢!我现在明白了。在路上回答…你把FA的字体
复制到你的网站了吗?它们是否被正确引用(并且没有在浏览器中返回404)?是的,它正在工作。我正在标题中使用,但只要我使用“.navbar.nav li a”,符号就会自动转换为unicode…你能在JSFIDLE上举个例子吗?是的:(更新了我的主要条目)谢谢!我现在明白了。在路上回答。。。
<li class="dropdown">
<a href='@Url.Action( "Management", "MasterData" )' class="dropdown-toggle"><i class="fa fa-cog"></i> Stammdaten</a>
<ul class="dropdown-menu">
<li><a href='@Url.Action( "Management", "MasterData" )'><i class="fa fa-group"></i> Verwaltung</a></li>
</ul>
</li>