Почему не отображается подключенный шрифт Open Sans Bold?

RedSmoke_smr, можно так:

body {
    font-family: 'Open Sans';
    font-weight: 400;
}

h2 {
    /* браузер уже знает по наследованию, что мы юзаем Open Sans normal (400), потому тут просто уточняем, что для заголовков второго уровня хотим болд */
    font-weight: 700;
}

Это для регуляра.
Если хотим болд – 700.

А так, вот стандартный список, хоть и есть у каждого шрифта свой собственный набор:
100 — тонкое начертание;
200 — сверхсветлое;
300 — светлое;
400 — нормальное (аналогично normal);
500 — среднее;
600 — полужирное;
700 — жирное (аналогично bold);
800 — сверхжирное;
900 — тяжёлое

Первый проектик, как масштабировать контент по размеру экрана?

eifory, был рад помочь.) Продолжайте, и все будет.

Паралакс привязанный к мышке. Картинка движется даже при выходе за блок?

Даня Квинов,

$('.background').each(function () {
	var $block = $(this);

	$block.on('mousemove', function (e) {
		var x = (e.pageX * -1 / 5),
			y = (e.pageY * -1 / 5);
		$(this).css('background-position', x + 'px ' + y + 'px');
	});
});

Почему не отображается подключенный шрифт Open Sans Bold?

sergski, в данном случае это не имеет значения, потому что указана отдельная семья шрифта как 'Open Sans Bold'. Там можно хоть font-weight: thin указать и это не повлияет.

Почем не видит иконки fontawesome?

Aleksandr, извини, если показалось, что злюсь.)) Полемика – вещь, но когда не видишь собеседника...

Почем не видит иконки fontawesome?

Aleksandr, откуда инфа? Из codepen? Там все работает. И видна только часть кода цсс. Это вот всё к топикстартеру, чтобы посмотрел усебя на на локалке. Может быть конструкция типа * {font-family: famly !important;}, или сам тег будет выглядеть так:

Как правильно пробегаться по дочерним элементам?

John Travolta, если нужно именно с i, то так:

for(let i = 0; i < $('ul').length ;i++) {
  $('ul').eq(i).find('.active')
}

Как выровнять карточки по ширине картинки?

... и картинку перезалить нужно.

JQ изменение содержимого блока?

Filyaaa, ну вот так можно, если совсем без заморочек и не видя всю картину. Классы нужно будет расставить те, что в вашем проекте.

Зафиксировать блок внутри кастомного скролла?

Breeze1,

JQ изменение содержимого блока?

Filyaaa, вопрос задан непонятно, давай на пальцах поподробнее.

Конторы по вёрстки удалённо, по проектно, с оплатой за страницу?

Apostrophe4, постучись в woman.ru (они же Хёрст Шкулёв Медиа), им часто нужны промо-страницы, раскидывают по фрилансерам. Работа по договору.

JQ изменение содержимого блока?

Filyaaa, есть готовая функция

function setNewBlockContent(source, target) {
  target.html(source.html());
}

Либо подставляйте имена блоков в source, если нужно, чтобы текст вывелся в #text:

$('._новый_класс_блока').on('mouseover', function() {
  setNewBlockContent($(this), $('#text'));
});

Либо меняйте цель:

$('._новый_класс_блока').on('mouseover', function() {
  setNewBlockContent($(this), $('#_новый_айди_блока_для_вывода'));
});

Ну... Либо и то и другое.))

Какой способ подключения шрифтов самый практичный и надежный?

Даниил Вайс, по ссылке не перешел, нашел вопрос сам. Отвечу там же.

Какой способ подключения шрифтов самый практичный и надежный?

Даниил Вайс, тема недоступна, не найдена. 404

Какой способ подключения шрифтов самый практичный и надежный?

Даниил Вайс, вот так примерно у меня выглядит стандартный шрифтовый цсс под проект. Обратите внимание на то, что я делаю удобные МНЕ наименования для шрифта и играю только с начертанием.

@font-face {
	font-family: 'cmr';
	src: url('Montserrat-Regular?#iefix') format('embedded-opentype'), url('Montserrat-Regular.otf') format('opentype'),
		url('Montserrat-Regular.woff') format('woff'), url('Montserrat-Regular.ttf') format('truetype'), url('Montserrat-Regular.svg#StandardCTStencil-Bold') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ssb';
	src: url('StandardCTStencil-Bold.eot?#iefix') format('embedded-opentype'), url('StandardCTStencil-Bold.otf') format('opentype'),
		url('StandardCTStencil-Bold.woff') format('woff'), url('StandardCTStencil-Bold.ttf') format('truetype'), url('StandardCTStencil-Bold.svg#StandardCTStencil-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'tds';
	src: url('Tele2DisplaySerif-Bold.eot?#iefix') format('embedded-opentype'), url('Tele2DisplaySerif-Bold.otf') format('opentype'),
		url('Tele2DisplaySerif-Bold.woff') format('woff'), url('Tele2DisplaySerif-Bold.ttf') format('truetype'), url('Tele2DisplaySerif-Bold.svg#Tele2DisplaySerif-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'tds';
	src: url('Tele2DisplaySerif-Regular.eot?#iefix') format('embedded-opentype'), url('Tele2DisplaySerif-Regular.otf') format('opentype'),
		url('Tele2DisplaySerif-Regular.woff') format('woff'), url('Tele2DisplaySerif-Regular.ttf') format('truetype'), url('Tele2DisplaySerif-Regular.svg#Tele2DisplaySerif-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'tts';
	src: url('Tele2TextSans-Bold.eot?#iefix') format('embedded-opentype'), url('Tele2TextSans-Bold.otf') format('opentype'),
		url('Tele2TextSans-Bold.woff') format('woff'), url('Tele2TextSans-Bold.ttf') format('truetype'), url('Tele2TextSans-Bold.svg#Tele2TextSans-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'tts';
	src: url('Tele2TextSans-Regular.eot?#iefix') format('embedded-opentype'), url('Tele2TextSans-Regular.otf') format('opentype'),
		url('Tele2TextSans-Regular.woff') format('woff'), url('Tele2TextSans-Regular.ttf') format('truetype'), url('Tele2TextSans-Regular.svg#Tele2TextSans-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
}

Какой способ подключения шрифтов самый практичный и надежный?

Но пихать реально нужно по одному.) В хорошем проекте редко бывает больше 4 шрифтов. Так что готовьтесь потратить какое-то время на старте на эту тягомотину.

Какой способ подключения шрифтов самый практичный и надежный?

Даниил Вайс, да, все верно. Все эти файлы шрифтов так или иначе являются фоллбэками для разных браузеров. Так что все так и должно быть.

Как обратиться в элементу jquery?

Ну тогда уж лучше считать автоматом через цикл. Или собираетесь каждый раз руками проставлять dotcount, если количество слайдов поменяется?

$(document).ready(function(){
  // и сюда помещайте все функции.. то, как сделано сейчас в примере, моветон.
});

Как наложить блоки в адаптивном сайте?

input[type="checkbox"]:checked + span {color: red}
означает, что если инпут чекнут, спан, идущий СРАЗУ за ним как сосед, поменяет цвет на красный.

input[type="checkbox"]:checked ~ span {color: red}
означает, что если инпут чекнут, спан, идущий за ним как сосед (сразу, вторым, третьим и т.д.), поменяет цвет на красный.