Question

我想使用custom font。当我使用

将其加载到页面中时

@font-face {
    font-family: 'Echelon';
    src: url('font/echelon-rg.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'Echelon';
    src: url('font/echelon-it.ttf');
    font-style: italic;
}

然后它小于浏览器中可用的所有默认字体。我想扩大它们，比如当前规模的150％。问题在于，当我做

时

body * {
    font-family: Echelon;
    font-size: 150%;
}

然后所有h1..h6，p，div，span元素共享相同的大小（也会覆盖引导程序的所有自定义设置），我不能像这样使用它。我想相对于原始（例如bootstrap）大小更改所有元素。如果我手动完成，我将不得不重写数百个元素，所以这是一个糟糕的选择。我怎样才能以干净简单的方式做到这一点？

PS这与窗口/屏幕尺寸无关。

Answer 1

不要声明正文，而是尝试声明您需要在CSS中更改某些部分，这样您就不需要手动更改。可以说，您希望自己的段落仅为150％，然后声明为：你的CSS中的p {font-size：150％}这应该仅限于段落。希望它有所帮助： - ）

CSS：在所有元素中按比例放大自定义字体

1 个答案: