与figma相比，字体提供了不同的输出

问题描述

我使用Gilroy-Bold作为字体，并且在figma中得到的结果与我的react应用程序不同。它们都来自同一来源。

Figma：

我的笔记本电脑：

这就是我的实现方式。

@font-face {
 font-family:'Gilroy-Bold';
 src:url('/src/Gilroy/Gilroy-Bold.ttf');
}

.PPNameHeader{
   color: #444BAB;
   margin:0px;
   margin-left: 6%;
   font-size: 1.173rem;
   font-family:Gilroy-Bold;
}

在我通过编辑推荐时，路径是正确的。 我尝试过的事情：

*{
  font-family:'Gilroy-Bold';
  src:url('/src/Gilroy/Gilroy-Bold.ttf');
}

清除了我的缓存。

隐身标签。

重新启动开发服务器和编辑器。

解决方法

1. 现在，我们知道这是导致问题的原因，最好的做法是为您的col1 = [8724.96757035,8720.86855769,8713.03560178,8711.77188717,8723.40967556,8717.95864342,8719.46206709,8716.15746255,8715.83456161,8722.05038594,8721.822529,8714.29076839,8721.68118216,8714.94677413,8706.33839393,8719.94888389,8715.71175774,8480.37544428,9151.63757245,9138.71268152,9127.43234993,9146.51437639,9148.00997757,9130.06677617,9151.43128313,8481.34668127,8482.40548913,8481.96440291,8481.39530663,8482.7611363,8481.26267875,8480.71911933,8481.02279341] col2 = [8718.4606092,9150.29254687,9130.86473512,9140.34929925,9142.43843709,9158.33993226,9148.70914607,9164.89441174,9145.08470894,9147.82723909,9132.61236281,9200.58503831,9129.96054189,9135.65207477,9165.43826932,9145.35463759,9134.02400092,8481.58635709,8480.90717793,8479.96295137,8483.73891949,8481.93224816,8482.40478411,8481.96627135,8481.34086757,8722.99646005,8736.61137791,8724.85719973,8721.86321039,8723.91810368,8720.82987529,8720.19864748,8720.00514769] col3 = [9157.20772734,8481.17028812,8479.95897581,8481.66854465,8481.12688288,8481.30670312,8480.84656953,8483.54011535,8481.81742774,8479.23373517,8480.44659188,8480.90515565,8481.35596211,8479.94614036,8480.12735803,8482.70698043,8481.50464731,8725.55716505,8712.41651697,8737.46352274,8719.20402175,8710.77791026,8721.07604204,8718.88881952,8720.0611123,9158.13239686,9158.70309418,9185.89920375,9189.72527817,9153.04424809,9152.17774172,9148.59275477,9133.33557359] df = pd.DataFrame({"A":col1,"B":col2,"C":col3}) 使用相对URL 。您使用的是绝对URL ，它可以根据其所在的环境评估到不同的位置。

src

1. 应用自定义字体系列时，其名称通常用引号引起来。我不确定是否有必要，但是可以尝试以下方法：

src:url('/path/from/root/Gilroy-Bold.ttf'); /* absolute url */
src:url('./path/from/current/file/Gilroy-Bold.ttf'); /* relative url */