如何在Jade中在文本上应用真棒字体而不弄乱CSS？

编程问答 2022-06-09

问题描述

我的理解是，在使用Jade时，超赞字体图标必须位于标记内。但是，当我这样做时，我想与超链接关联的文本丢失了CSS的格式。下面的示例图片显示了我正在谈论的示例。我还包括了我正在使用的Jade代码。在照片中，您可以看到在插入了真棒字体图标后，“所有船只”文本的格式不一致，将不胜感激。谢谢。

ggmap

enter image description here

解决方法

您的帕格代码正在使用真棒字体类在solution_1 = datetime.datetime.fromtimestamp(timestamp_in_seconds,tz=pytz.UTC) solution_2 = datetime.datetime.utcfromtimestamp(timestamp_in_seconds) 元素内编译文本“ All Ships”，这很可能会覆盖您先前设置的文本样式。

您的代码：

<i>

编译为：

a(href="/")
  i.fa.fa-ship(aria-hidden='true')  All Ships

将代码修改为以下内容，将“所有船只”文本作为该图标的同级放置。

<a href="/"><i class="fa fa-ship" aria-hidden="true"> All Ships</i></a>

编译为：

a(href="/")
  i.fa.fa-ship(aria-hidden='true')
  | All Ships
font-awesomepug