在网站上使用Helvetica变种

Question

我必须做一个使用Helvetica变种65Medium的网站。它是Helvetica Neue的变种，但它是Helvetica Neue。我不确定我是否清楚，但我必须使用Helvetica Neue 65Medium。

我怎样才能在CSS中这样做？

谢谢

Answer 1

Helvetica Neue不是网络安全类型，因此，您必须从https://myfonts.com等代工厂获得字体许可。他们通常允许您按月使用该类型，并为您提供CSS @font-face以将其链接到外部网站。

替代方案是使用来自https://fonts.google.com/的类似免费类型，但没有什么像Helvetica Neue。

如果您正在寻找快速，简单且便宜的东西，我会建议使用Helsttica Neue支持设备的字体堆栈，以及不支持设备的Arial版本。

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

Answer 2

在CSS中声明它如此：

@font-face { font-family: Helvetica; font-weight: 650; src: url('helvetica65.woff'); }

并使用它： p { font-family: Helvetica; font-weight: 650; }

然后，每当你使用重量为650的Helvetica时，它会拉出Helvetica 65 woff文件（你不必使用woff作为文件格式，但它建议用于web和漂亮easy to convert进入）。

您也可以根据自己的喜好命名字体系列，而不是使用font-weight：

@font-face { font-family: Helvetica65; src: url('helvetica65.woff'); }