Как работает FontFace?

SuperProshka, если вы не используете функцию "ответить", то никто и не узнает, что вы пишете, если специально не зайдет в вопрос.
Случайно остался открытым.

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

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

Сверстайте неправильно или как-нибудь.
Потом улучшайте, если что-то покажется нелогичным/длинным или что-то ещё не устроит.

Через position : absolute ?

У абсолютов есть заведомый минус: сложности при переполнении.
Я бы заменила на гриды.
Но сначала хорошо бы узнать что именно является слайдом и как всё это должно себя вести при адаптиве.

Как работает FontFace?

Правильно ли я понимаю, что, не учитывая самодеятельность браузера, шрифт, заданный woff2, поддерживает только те font-weight, font-style, которые указаны в его FontFace?

Нет.
font-face задает соответствие этих параметров в css и файла шрифта.
Т.е. в font-face можно указать жирность 900 и указать файл 400.woff2
Тогда параграф, котором задали font-weight 900 будет выглядеть как текст обычной жирности (400). Потому что мы сказали браузеру взять именно этот файл, если нужна жирность 900.

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

Думаю, что нужно загуглить тему создания шрифтов. Тема интересная и обширная, перепечатывать сюда не имеет смысла.
Сначала про те, которые состоят из семейства файлов, потом вариативные, состоящие из одного файла. У Roboto как раз есть вариативный вариант Roboto Flex.

Мне нужно сделать слайдер для страницы, с помощью чего можно его сделать?

swiper

Как работает FontFace?

зачем тогда нужен отдельный отдельный FontFace блок если и без него все работает?

А возьмите какой-нибудь шрифт поинтереснее.

Если вы попросите браузер сделать текст жирным (700) или италиком, то он сам сгенерирует это начертание путем банальной прибавки жирности или наклона. Но дизайнерские шрифты могут выглядеть совсем не так.
В этом и разница.

font-weight: 100 900;

Для разной жирности нужно подключать разные файлы шрифтов. Иначе текст будет выглядеть одинаково.

Как называть общие классы для UI элементов, если CSS сайта написан по методологии BEM?

button="someblock__btn ui-btn--dark"

А потом таскать этот .ui-btn-dark по разным секциям.

Первый вариант нет, второй да. Блок и блок.

Если не учитывать проблемы слова dark.

Правда не очень понятно зачем там приставка ui
Я бы предложила вариант btn btn--accent

Какой подойдет слайдер для кругового меню?

tgarl, готовый есть на сайте-образце.
Готовый в виде плагина - сомневаюсь.

Какой подойдет слайдер для кругового меню?

Да хоть самый распространенный swiper.
Разумеется, располагать элементы по нужной траектории вам придется самостоятельно. Или с помощью фриланса.

Как создать такой блок в WORDPRESS?

Только абсолют для этого не нужно делать. Иначе при переполнении всё поедет.

Как повторить такую анимацию?

https://codepen.io/derwinsadiwa/pen/xxPdzpZ
https://codepen.io/digelim/pen/ZEMwggj
Как можно сделать такой живой дым на сайте css и js?
https://danni-three.blogspot.com/2013/09/threejs-p...
https://imapo.ru/эффект-дыма-на-фоне-при-помощи-sv...
https://code.tutsplus.com/how-to-write-a-smoke-sha...
думаю, достаточно, чтобы понять куда гуглить дальше

Как сделать так, чтобы теги "a" не залазили друг на друга при разном уменьшении экрана?

Aragorn, и фраза "изучать флексы" не очень тянет на ответ. Скорее на посыл в гугл.

Как сделать так, чтобы теги "a" не залазили друг на друга при разном уменьшении экрана?

Aragorn, боюсь, что начала это делать заметно ДО вашей регистрации тут, если это единственный аккаунт.

Аналогичные вопросы возникали по тегам "Тостер" и "Хабр Q&A", объясняла там причины. Наверное, при желании можно найти.

Как правильно конвертировать картинки в Webp?

Ark111,
1. Заменять на webp можно только в том случае, если целевая аудитория использует современные браузеры.
Посмотреть поддержку можно тут https://caniuse.com/?search=webp

2. Если п1 использовать не выходит, то менять нужно на теги picture и source. Так старые браузеры получат jpg/png, а современные webp.
Для указанных тегов имеет смысл добавить display: contents, чтобы нигде не сломалась верстка.

3. Если есть возможность не забыть о ретине, то вообще супер.

p.s. какой-то легкий бред написан во втором пункте на скрине.

Как исправить шрифт в CSS если он как будто выше базовой линии?

Alex, да, бывают и кривые шрифты, им костылики.
И рекомендую найти iOS и проверить как выглядит там.

Как сделать так, чтобы теги "a" не залазили друг на друга при разном уменьшении экрана?

Абсолюты вырывают элементы из потока и окружение перестает о них знать. Т.е. куда прибили, там и держатся (грубо, без учета нюансов, но суть такая).
А ваши элементы должны быть в потоке.

Такие меню удобнее всего верстать флексами. Изучите их.
Можно и гридами.

p.s.
1. Используйте для одинаковых элементов одинаковые классы. Они для того и придуманы, чтобы не нужно было переписывать одни и те же свойства сто раз. Для различающихся свойств добавляйте второй класс (называют модификатором).
2. Не имеет смысла переопределять неменяющиеся свойства в media. Был font-size 20, вы его переопределили снова на 20. В чем смысл? Браузеру и так не скучно.

Как исправить шрифт в CSS если он как будто выше базовой линии?

Какие ещё eot и ttf? Вы какие браузеры собираетесь поддерживать? Уберите все эти форматы кроме woff2. Глядишь и без костылей всё выровняется.

Как исправить шрифт в CSS если он как будто выше базовой линии?

Alex вариантов вообще много. От просто кривого шрифта, его формата (или того как и чем его переформатировали) минимальных размеров в браузере, line-height до просто кривой верстки. Например задана высота и флекс вместо отступов (и мин высоты при необходимости).

Я бы начала с вопроса, на какой черт делать кнопки дивами. Ровнее, скорее всего не станет, но хоть на код будет приятнее смотреть.

Как исправить шрифт в CSS если он как будто выше базовой линии?

Алексей Ярков, кажется, нам нужен новый тег "угадай ка".

Как лучше создать мультиязычный сайт?

Виктор Петров, очень абстрактно без тз.

Как лучше создать мультиязычный сайт?

сильно дороже по бюджетам

Ну уж прям.
Даже если самый обычный хостинг брать, то тарифы на 1 сайт или на 10 может и отличаются в пару раз, но в рублях это ни о чем.

Поддомены бесплатны.

В поддержке ну тоже спорный вопрос, смотря как делать и какая разница между версиями.