Настройка шрифтов Google Fonts - PullRequest
Новая
       83

Настройка шрифтов Google Fonts

0 голосов
/ 11 ноября 2019

Я использую CDN Google Fonts, чтобы использовать Montserrat в своем проекте.

Применение CSS с использованием CDN не приводит к тем же результатам, что и для шрифта, локально установленного на моем компьютере.

Вот результат с использованием CDN: enter image description here

Вот результат с использованием локально установленного шрифта: enter image description here

Вы можете заметить, что шрифт является более смелым на локально установленном шрифте. Я хочу добиться тех же результатов с CDN, что и с локально установленным шрифтом.

Вот мой код: 

body{
    font-family: 'Montserrat', sans-serif;
}
.medium-25{
    font-size: 25px;
    font-weight: 500;
}
.regular-50{
    font-size: 50px;
}
.bold-italic-72{
    font-size: 72px;
    font-weight: 700;
    font-style: italic;
}
<div class="container">
    <p class="regular-50">Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
    <p class="bold-italic-72">Lorem ipsum dolor sit.</p>
    <p class="medium-25">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem eaque eveniet      fugiat
        maiores quod sapiente vel, voluptatum. Delectus est fugiat fugit illo, quibusdam tempora          voluptatem. Atque
        doloribus, enim et illum libero reprehenderit saepe ut vero.
        <br>
        <br>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aperiam deserunt dolorum exercitationem fuga
        fugiat incidunt laboriosam mollitia nihil nisi officia possimus rem repellendus repudiandae rerum sapiente
        voluptatibus, voluptatum. Cupiditate!</p>

</div>

1 Ответ

1 голос
/ 11 ноября 2019

Судя по внешнему виду, вы выбрали другой шрифт в CDN, возможно, существует несколько версий шрифта, таких как regular medium bold, перечисленных в шрифте CND. Вам нужно взглянуть на страницу конкретного шрифта, чтобы увидеть различные значения толщины.

try: 

<link href="https://fonts.googleapis.com/cssfamily=Montserrat:400,600&display=swap" rel="stylesheet">

обратите внимание на 400 600, это ваши доступные значения толщины шрифта 

body{
    font-family: 'Montserrat', sans-serif;
}
.regular-50{
    font-size: 50px;
    font-weight: 600;
}
...