Не работает свойство font-weight в CSS

Web Frontend: JavaScript, HTML/CSS
#1

Здравствуйте, хотел сделать текст “жирным”, но когда я меняю значение свойства font-weight, ничего не происходит - текст остаётся таким, как есть (прикладываю фотографии с разными значениями - 56 строка)

<style>
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {margin: 0; padding: 0; border: 0;}
div, p, nav, input, button, form, span, a, ul, li {box-sizing: border-box;}
h1,h2,h3,h4,h5,h6 {margin: 0;}

/*___________________________*/

.title-2 {
	color: #3b3b3b;
	font-size: 42px;
	font-family: 'Open Sans';
	font-weight: 700;
	text-transform: uppercase;
	width: 500px;
	letter-spacing: 0.016px;
	line-height: 55px; }
</style>

<main>
	<div class="container">

		<section class="DoYouKnow">
				<h2 class="title-2">do you know we can provide for you ?</h2>
		</section>
	</div>
</main>

6662
66621057×268 28.9 KB
6660
66601073×264 27.2 KB
6661
66611025×274 28.9 KB

#2

А если сразу импортировать 700й шрифт, не вариант?

#3

Это можно, но нельзя импортировать шрифт ’ *** Regular ', а потом уже задавать ему ширину? У меня просто з толщины этого шрифта используются в сайте, поэтому все 3 импортировать как то не хочется

#4

Таким способом все 3 подгружаются?

@import url(‘https://fonts.googleapis.com/css?family=Open+Sans:500,600,700’);

#5

Да, всё хорошо, спасибо! Но вот у меня вопрос: Почему у меня не получается использовать font-weight?

#6

может шрифт, который грузите, не имеет начертания bold?

#7

Вроде имеет

12
121529×924 146 KB

#8

У меня работает

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');

        p {
            font-family: 'Open Sans';
        }

        .font2 {
            font-weight: 700;
        }

        .font3 {
            font-weight: 800;
        }
    </style>
</head>
<body>
    <p class="font1">Hello</p>
    <p class="font2">Hello</p>
    <p class="font3">Hello</p>
</body>
</html>

https://jsfiddle.net/AlexP11223/3f8ht41x/4/

#9

зображення
зображення1245×588 77.7 KB

там для каждого из начертаний свой линк :wink:

#10

Которые можно объединить нажав кнопку Select this style на нужных.