Question

使用XAMPP本地主机时，无法为表单输入设置字体系列。

该字体实际上来自Google字体，我已经将其导入了HTML代码：

<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:bold,medium,regular" rel="stylesheet" />

这是CSS代码：

@charset "utf-8";
/* CSS Document */

body {
    font-family: 'IBM Plex Sans Condensed';
}

input {
    font-family: 'IBM Plex Sans Condensed';
}

作为文件查看（不是localhost）时，一切正常。但是，在XAMPP中，input标签代替了默认字体。

Answer 1

您处在正确的轨道上，但是您正在与浏览器的“预设”样式作斗争。

您可以在带Normalize或Reset样式表到您的项目（或自己做），让自己更轻松的风格你的投入。

下面是一个使用从归一WebKit引擎浏览器的提取物的示例：

CSS

ca.pem

HTML

body {
  font-family: "IBM Plex Sans Condensed", sans-serif;
}

input {
  font-family: "IBM Plex Sans Condensed", sans-serif;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
https://github.com/necolas/normalize.css/blob/master/normalize.css
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none; /* or -webkit-appearance: button */
}

[type="text"] {
  -webkit-appearance: none;
}

有没有办法在localhost中设置表单输入的字体系列？

1 个答案: