Css 自定义字体打断插入符号'；s在引导导航栏中的位置

在导航栏中使用带自定义字体的Bootstrap 3时，carot的位置不会与文本保持垂直对齐

我没有使用任何自定义类-只使用

li

元素，分别使用

.active

和

.dropdown

，只更改了

font-family

。我猜这个问题与字体本身的高度有关

如何在不破坏carot立场的情况下解决此问题？我正在用更少的数据构建引导，所以如果有任何相关变量对应于基本字体高度（或者可能是行高？），请告诉我

编辑：提供代码示例（只是一个普通的导航栏）

插入符号在引导中已经有一个类。我建议用它来定位

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -10px;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

---

您可以将插入符号置于跨距中：

<li class="dropdown">
                <a class="dropdown-toggle" style="font-size: large" data-toggle="dropdown" href="#">HasDropdowns<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">

您使用的是哪种自定义字体？代码示例？请提供代码。用代码示例编辑问题。我正在使用。这是一个仅用于插入符号的修复程序。我认为，这个问题与字体本身的高度有关。如果它弄坏了别的东西怎么办？我正在寻找一种解决方案，可以在不干扰插入符号类的情况下修复它。@Selenir I增加了样式字体大小：large，并且插入符号是垂直对齐的。你能告诉我们你使用的自定义css字体吗？我不确定我是否理解你所说的“黑客carot的位置”是什么意思。如果你不想修改核心引导css并使其影响整个站点的所有插入符号，那么你可以（1）为引导覆盖创建一个单独的css文件，或者（2）向现有的非引导CSS文件添加一行。然后可以限定CSS，使其仅适用于导航。可能类似于：

nav.navbar ul.navbar-nav.caret{margin top:-3px}

<li class="dropdown">
                <a class="dropdown-toggle" style="font-size: large" data-toggle="dropdown" href="#">HasDropdowns<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">