编辑：我制作了一个视频来展示这个问题。 在这里找到它： https: //streamable.com/r8sl85
我正在我的网站上实施我的 LinkedIn 徽章。他们给我提供了代码。每当我实现它时，徽章确实可以工作，但不幸的是它破坏了我整个页面的字体。我制作了一个简化的 html 来通过将其与下面其余不相关的代码隔离来呈现该问题。
当使用相同的字体 css 文件时，这两个示例具有完全不同的字体。
<link rel="stylesheet" type="text/css" href="testStyle.css">
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
Some Text underneath the Badge <br />
<i>Another line of text</i> <br />
<b>Another line of text</b> <br />
<h1>the last line of text</h1> <br />
相对：
<link rel="stylesheet" type="text/css" href="testStyle.css">
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="large" data-theme="light" data-type="VERTICAL" data-vanity="nick-janse-gis-rastersky" data-version="v1"></div>
Some …