Vikhrmodels/habr_qa_sbs huggingface dataset:
Вопрос: Как лучше парсить большой объём?

Лучший ответ:
1. Зачем вы мучаете каждую минуту ресурс-донор?!!!! 
Если какие-то посты там мониторите, то достаточно мониторить RSS/Atom-ленту каждые 3-5 минут, а при появлении изменения - уже закачивать новый контент по линку из новости для дальнейшего парсинга к себе.
2. Кравлер должен парсить Round-Robin'ом ("каруселью"): линк ресурса 1 -> линк ресурса 2 -> ... ->линк ресурса N->LOOP (начинаем сначала). А не проходить все линки ОДНОГО ресурса забивая ему канал!
3. Качественный ресурс - необходимо кравлеру прикинуться обычным пользователем: не запрашивать часто, под одной сессией смотреть 5-6 слинкованных страниц. 
Тогда Вам спокойно хватит 2-3 прокси-адресов на долгое время.

Худший ответ:
Мы в работе используем прокси от actproxy.com работают стабильно и без нареканий, попробуйте, прокси стабильные и стоят относительно копейки
Вопрос: Почему в HashMap используется хэшкод, а не просто ссылки?

Лучший ответ:
Эквивалентные объекты должны иметь эквивалентные идентификаторы.
Ссылки этого не могут обеспечить.

Худший ответ:
Хэшкод используется для проверки уникальности сохраняемых объектов ключей. Но так как уникальность хэша ограничена длиной типа int, то может возникать коллизия для этого и используются связные списки объектов с одинаковыми хэшкодами.
Почему же не просто ссылки? Представьте, что мы последовательно добавляем в Map два эквивалентных  объекта-ключа, ссылки у них разные. Получается в Map будет два объекта, они имеют одинаковые хэши, но разные ссылки. А, по определению, в Map все ключи должны быть уникальны.
Вопрос: Как снизить потери концентрации внимания?

Лучший ответ:
1. отдыхать. Т.е. высыпаться, гулять на свежем воздухе, делать простую работу полностью и с увлечением. (на словах очень просто, на деле сложно)
2. планировать свою учебу и чтение. Т.е. определить сколько время читаем или учимся. когда будет отдых. и т.д.
3. вероятно главный принцип эффективной учебы/чтения это пересмотр. почитали некую часть, отвернулись, вспомнили основные моменты. обдумали. Представили что кому-то объясняем эту тему. Ум должен увлекаться, прилипать к теме. 
4. Планировать свои дела. Ум не должен быть нагружен работой по определению, что делать через минуту, как делать, где. и тд. постоянные такие вопросы просто его выматывают. И на нормальную умственную работу уже нет ментальных сил. Лучше уделить пол часа и запланировать на весь день. Даже если что-то пойдет не по плану.
5. Знать цель. Т.е. сознавать мотивацию. Для чего читаем, что хотим и т.д. Концентрацию в Индии примерно описывали так " представь что ты несешь чашу полную воды. Через площадь на которой толпа людей участвует в празднике. Крики шум и т.п. За тобой идет человек с топором. Если ты прольешь хотя бы каплю, то человек сразу отрубит тебе голову." Если приблизить к нашей жизни, то Зачем читать? Что будет если вникнуть в тему? Что будет если не изучить тему? Что будет если постоянно отвлекаться на соцсети и проч. Через неделю, год, десять лет. 
еще советы: посмотреть Максима Дорофеева. Проблема современного человека не в том, что ему не хватает внимания, концентрации, энергии и проч. Проблема в том  что он тратит внимание впустую. поверхностно. не вникая. Можно сказать он переконцентрирован, измотан концентрацией на совсем не нужных вещах. 
Из медитации, посоветую випассану.

Худший ответ:
Есть тетрадки с примерами для детей. Такие большие - а4, на каждой странице по 4 столбика примеров. Хотя-бы страница в день помогает.
Вопрос: Архитектура Linux монолитная?

Лучший ответ:
Наверное, потому что Linux это только ядро. И оно монолитное.
Демоны это уже ОС, которая находится на более высоком уровне абстракции, а Linux там только часть системы.

Худший ответ:
Тут вроде довольно понятно написано чем отличается микроядро от монолита - https://ru.wikipedia.org/wiki/Микроядро
Вопрос: Почему точность вычислений в float нарушается для чисел определённой степени двойки?

Лучший ответ:
Да, точность чисел с плавающей запятой не гарантирована. Почитайте статью на википедии, она вполне адекватна.
Не считайте деньги в плавающих числах :)

Худший ответ:
Связано, вероятно, с особенностями перевода дробных чисел в текст. Я попробовал повторить на Си++, ничего интересного не вышло. Зато методы перевода дробного в текст G++ и GRISU дают несколько разные результаты.
Вопрос: Правильный подход к установке программ в Linux?

Лучший ответ:
1. В основном из пакетного менеджера. В крайнем случае собираю пакет сам, иначе потом задолбаешься вычищать систему и разруливать зависимости.
2. По-тому, а какой скрипт вы предлагаете, например, для докера? Там скриптовать нечего, и так от пользователя требуются только базовые действия.
3. Самый правильный способ - через пакетный менеджер сситемы. Все остальное не правильный способ.
Если вам так нужны программы, которых под ваш дистр нет в виде пакетов - пинайте разрабов программы и дистра, или сами становитесь мэйнтейнером.
p.s.
Не очень понимаю, чем вам не понравилась инструкция докера? Там подробно, для дебилов, расписано как добавить сторонний репозиторий (докера) и его ключ в систему, и как установить все это и настроить. Причем под разные версии системы. Отличная инструкция, без указания очевидных вещей занимает один абзац. (где указано какой репозиторий добавить и какие настройки сети нужно сделать для докера)

Худший ответ:
Устанавливать что-то из исходников, конечно, имеет смысл, только если этого нет в пакетах.
Обычно это погоня за более свежей версией.
Но, гоняясь за более свежей версией при разработке, провоцируешь проблемы при развертывании / распространении результата (если у тебя не было пакетов, их может не быть и на боевом сервере / у пользователей). 
Смысл затеи при этом несколько теряется...
Ну, а если нужны свежайшие версии каких-то инструментов, то логичнее сидеть на тестовой версии системы, где такие пакеты появляются сразу после кое-какого тестирования. А не превращать стабильную систему в захламленную экспериментами.
Вопрос: Для чего нужен vCenter server?

Лучший ответ:
А когда у вас несколько гипервизоров? И нужно машины туда-сюда между ними возить? Или возить между различными датасторами? А если вам fault tolerance VMs нужны будут? Короче, подключаться к одному гипервизору -- это прекрасно. Для этого vCenter не нужен. Но когда их (гипервизоров) у вас два и более, то через vCenter вы как минимум можете из одной точки управлять обоими хостами, не переключаясь управлялкой между ними. Ну и плюс всё выше-перечисленное -- без vCenter не реализуется вообще. Нет, костыли, конечно, есть и для большинства из этого. Но это именно костыли.

Худший ответ:
vCenter управление кластером.VMware vCenter — это централизованная платформа для управления средами VMware vSphere, с помощью которой можно автоматизировать виртуальную инфраструктуру и предоставлять к ней доступ.
https://www.vmware.com/ru/products/vcenter-server.html
Вопрос: Что почитать, если хочу стать системным администратором?

Лучший ответ:
Ставим virtual box, настраиваем дистрибутивы win \ nix
По ходу гуглим в яндексе raid, ad, dns, dhcp, wsus, exim, samba, zabbix, proxmox и.т.д. в зависимости от потребностей

Худший ответ:
Для начала определитесь с направленностью. Сейчас в моде узкие специализации и DevOps
Вопрос: Почему после перехода на новую страницу/обновление страницы создается новый файл сессии и старые сессии не сохраняются?

Лучший ответ:
Нужно было в ini_set прописать домен.ini_set('session.cookie_domain', '.domen-test.ru');
session_set_cookie_params(7200, "/", ".domen-test.ru", false, false);

Худший ответ:
Может где-то вы прописали session_destroy() и забыли об этом?
Например в скрипте авторизации вы допустили ошибку, и каждый раз выполняется logout пользователя. Ну там лишнюю скобку поставили или || вместо &&.
Попробуйте тотал командером найти все файлы проекта которые содержат в себе слово destroy - авось найдется.
Вопрос: Как правильно настроить веб сервер?

Лучший ответ:
Нанять квалифицированного специалиста, который все это правильно и быстро настроит согласно вашим и/или современным требованиям безопасности к данному конкретному серверу в данной конкретной ситуации.

Худший ответ:
есть готовые решения для начинающих хостеров, например vestaCP.
Все что нужно - Сервер с linux на борту, далее инсталлятор сам установит все необходимое, ftp/php/apache/nginx/mysql/postgresql/
так де установит админ панель для сайтов в которых можно настраивать ограничения и прочие фишки. для полного счастья не хватает интеграции с биллингом, но и это можно самостоятельно сделать.
Вопрос: Возможно ли реализовать функционал десктопной программы в ВЕБе?

Лучший ответ:
В программу я загружаю список прокси, список аккаунтов ВКонтакте. При нажатии кнопки “Старт” программа в многопоточном режиме начинает выполнять задания на сайте ***.
Итак, программа должна обладать следующими характеристиками:МногопоточнаяКонфигурируемая (прокси и т.п.)Умеет отправлять http-запросы ("выполнять задания на сайте")Возможно ли в ВЕБе реализовать данный функционал? И на каком ЯП сделать это проще?
Конечно, нет никаких препятствий, чтобы веб-сервис имел все перечисленные характеристики. Для этих целей подойдёт абсолютно любой язык, поэтому "проще" сделать на том, который вы знаете.

Худший ответ:
Абсолютно да!
Помню встречал sencha.js на котром был реализован gnome как пример но она была платная.
Вопрос: Насколько реально совмещать учебу и работу в Чехии?

Лучший ответ:
У меня данные не самые свежие (5 летней давности), может что изменилось.
Я был в Брненском техническом университете на IT факультете. 
На посещение лекций особо никто не смотрит, важно только здаешь ли ты вовремя задания\лабораторные\экзамены.
Но вариантов пересдать\досдать\сдать позже,
для большинства заданий\лаб нет. пропустил время сдачи лабы, или завалил ее по полной - все можешь больше на лекции даже не ходить, нужно будет заново этот предмет в следующем году проходить. (Если до следующего года дойдет дело), так что оно может быть достаточно напряжно при совмещении с работой, но 
в принципе наверно реально.
Основной вопрос по трудоустройству у меня был связан с визой, у меня была учебная виза, и по ней официально работать на полную ставку было нельзя. Если делать рабочую визу, то были проблемы что при увольнении надо очень быстро найти другую работу. 2 визы сразу иметь было нельзя. Вот как сейчас с этим дела я не знаю.

Худший ответ:
работайте на парт-тайме на удаленке после учебы
Вопрос: На каком стеке сейчас делают веб-дизайн?

Лучший ответ:
Sketch для сайтов/интерфейсов + Zeplin для выгрузки макетов фронтам. 
Можно Figma, которая на 95% повторяет Sketch, работает прямо в браузере и, соответственно, на любой платформе. Но на любителя — есть свои тупости. Плюс в том, что не нужна прокладка между дизайном и фронтом в виде Zeplin. 
Photoshop для картинок/фотографий. На фрилансе процентов 90 макетов до сих пор в PS делается. Но это болото еще долго будет жить в прошлом. 
Кто-то пробует Adobe XD, но это такой же кусок неадеквата, как и PS. Потому что Adobe.

Худший ответ:
В растре рисуют, в векторе размечают. Это если грубо. И то и другое используется одновременно.
Вопрос: Сведения об образовательной организации?

Лучший ответ:
Доступ к специальному разделу должен осуществляться с главной (основной) страницы Сайта, а также из основного навигационного меню Сайта.
Это вы тоже прочитали?
В общем, в меню "О школе" нужно, а также на главной странице, то есть нужна прямая ссылка на виду. Правда, не сказано, где именно, так что можно внизу сайта.

Худший ответ:
Специальный раздел «Сведения об образовательной организации» должен быть виден сразу, или можно сделать подпунктом менюОбязательно и в меню, и на морде.
Разрабатываете сайт для школы/вуза/ссуза? Лучше не читайте копирайтеров с их громкими заголовками "Государственные требования к сайтам образовательных организаций" (как-будто бывают негосударственные требования), а смотрите первоисточники: Правила размещения на официальном сайте образовательной организации в информационно-телекоммуникационной сети Интернет и обновления информации об образовательной организации (Постановление Правительства Российской Федерации от 10 июля 2013 г. №582) Требования к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети "Интернет" и формату представления на нем информации (приказ Федеральной службы по надзору в сфере образования и науки от 29 мая 2014 г. № 785)
И помимо этих требований есть нежданчики в виде обязательных разделов вроде "Информационная безопасность", "Обращения граждан" и некоторые другие.
Вопрос: Зачем нужны маленькие React / Angular компоненты?

Лучший ответ:
Не понял в чем вопрос, кнопку можно/нужно вынести в отдельный компонент, чтобы переиспользовать её в нескольких местах без дубликации кода. Всё.

Худший ответ:
Смысл может быть а может и не быть. 
Если у вас компонент состоит только из одного тега и все - то конечно нет смысла.
Если есть хотя бы две вещи связанные друг с другом, например тег+стиль, или тег+код - то уже есть смысл.
Вопрос: Есть ли смысл искать клиентов на WEB через Яндекс Директ? У кого был опыт удаленных клиентов?

Лучший ответ:
Директ - смысл конечно есть, продавать там можно, но это очень массовый канал с очень низкой эффективностью из-за того что туда все лезут (цены там давно завышены, а отдача одна из самых низких).
Я помню лет 10 назад продавал "разработку сайтов" через поиск в интернете -> и эта схема давала САМУЮ НИЗКУЮ отдачу из всех используемых схем, даже я бы сказал смехотворную, имея например в поисковом топе по какому-нибудь популярному запросу типа "создание сайтов в сыктывкаре" свой сайт, все равно продажи там будут микроскопические. 
Людей эффективнее ловить до момента возникновения у них потребности, чтоб к моменту когда он захочет заказать сайт, он уже знал у кого он будет заказывать. 
======
по поводу задатков, ну обычно проблем особых нет, можно договорится при желании. Также можно заказ разделить на большее количество этапов/оплат (снизив риски).

Худший ответ:
> отправлять задаток не известно кому через интернет
для этого есть такая штука как юр.лицо и договор
> Есть ли смысл давать рекламу на Яндексе на разработку сайтов? Были ли реальные клиенты?
если вы агенство и ценник на привлечение покроет издержки рекламы, то почему нет. Как думаете агенства работают еще.
Вопрос: Почему IE11 некорректно отображает страницу?

Лучший ответ:
Вставьте этот тег в head<meta http-equiv="X-UA-Compatible" content="IE=edge" />
и будет вам счастье!

Худший ответ:
Потому что он не знает тега main.
Добавьте в CSS:main { display: block; }
Вопрос: Почему никто не использует модульное программирование?

Лучший ответ:
Потому что это - ущербная реализация императивной модели программирования.
О существовании других парадигм можете почитать здесь.

Худший ответ:
Что значит не делает, графическое задание условий и алгоритма применяют в некоторых случаях, когда логика простая.
Посмотрите например на yahoo pipes.
Точно помню у майкрософта была целая студия, даже с нейронными сетями предлагают готовый графический язык.
Вот буквально недавно смотрел презентацию, даже такая узкая ниша как автоматизация торговли на биржах, stock sharp запилили опенсорс дизайнер https://stocksharp.ru/products/designer/
Вопрос: Кому будет принадлежать файл в контейнере?

Лучший ответ:
Верно. Т.к. такого пользователя нет, вы увидите uid вместо имени пользователя, либо имя пользователя контейнера с которым совпал данный uid.

Худший ответ:
test.txt будет принадлежать uid и guid идентичным пользователю в хост ситеме. Вы можете создать внутри контейнера пользователя с идентичными параметрами либо дать права на файл o+rwx
Вот нашел пример для вас
Вопрос: Как монетизируются языки программирования и бесплатные фреймворки?

Лучший ответ:
Вы, простите, много видели программистов 1С, работающих на языке программирования 1С без 1С? Я - ни одного. Закрытый "клуб по интересам", который генерит такие велосипеды, что диву даешься.
Закрытый язык программирования никто не будет учить, на закрытом фреймворке никто работать не будет, даже если будут обучать. Для чего его учить, время тратить? Чтобы потом иметь возможность устроиться только в компанию Х? Потеря сообщества - это смерть любой технологии, любого языка, любой ОС.
Была такая замечательная ось - OS/2. То, что она замечательная, я знаю не понаслышке - все-таки два года проработал под ней. Погубило ее как раз отсутствие поддержки - не было софта, не было программистов, не было сообщества - все постепенно разбегались кто куда. Где нынче OS/2 - да никто и не вспомнит. А отдал бы IBM ее в опен сорс - глядишь, нашлись бы пара-тройка энтузиастов.
Продавать продукт невыгодно - его можно продать один раз. Гораздо выгоднее продавать поддержку - ее можно продавать постоянно.

Худший ответ:
Первое: стоимость обучения(вхождения) нового программиста в проект значительно снижается. За частую компания сразу пишет, что крайне желательно знать фреймворк/библиотеку N и в первую очередь рассматривает людей, которые имеют с ней какой-либо опыт работы.
Второе: решения каких-то затыков, например, по функционалу или производительности. Любой код с точки зрения не программиста, либо работает либо нет. Однако, код написанный одним человеком будет выполнять задачу за 10 сек расходуя 100 Мб памяти, а код другого человека будет делать ровно тоже самое за 7 секунд и 60 Мб памяти. Помножим это на количество запросов в сутки и получим достаточно хорошую экономию в продакшине на горизонте от 1 года.
Вопрос: Как максимально быстро можно переиндексировать сайт?

Лучший ответ:
1. Пересоздайте карту sitemap.xml
2. Удалите и загрузите заново путь к этому файлу в webmaster.ПОИСКОВИК.ltd
3. Отправьте пинг pingsitemap.com

Худший ответ:
В карте сайта обновить lastmod ссылок и пингуйте ею на все стороны.
Вопрос: Возможно ли установить запрет загрузки файлов в шару по расширению?

Лучший ответ:
Конечно можно! FSRM вам в помощь.

Худший ответ:
Железное и надежное решение называется антивирус. Настраиваете на нем фильтры и вперед.
Вопрос: Bitrix:catalog.smart.filter сортировка значений в списках свойств?

Лучший ответ:
Решил проблему с помощью костыля.
В файле стандартного шаблона умного фильтра catalog.smart.filter/.default/template.php дописываем после 156 строки следующий код<? //Сортировка по алфавиту
					foreach ($arItem["VALUES"] as $key => $sortkey) {
						$values[$key]  = $sortkey['VALUE'];
					}
					array_multisort($values, SORT_ASC, $arItem['VALUES']);
					unset($values);
					?>

Худший ответ:
Взять массив и отсортировать php.net/manual/ru/array.sorting.php
Вопрос: Почему после вывода ответа от сервера данные появляются только на миг?

Лучший ответ:
Строго говоря, вы используете одновременно два механизма для отправки данных: форму и ajax. Когда вы нажимаете кнопку, форма отправляется, а страница в итоге перезагружается.
Можно, например, отменять дефолтное действие и пользоваться только аяксом.

Худший ответ:
Все потому что есть только миг, между прошлым и будущем.
А вообще зачем используете форму  при работе с ajax ?
Вопрос: Как лучше поступить с лишними записями в трудовой?

Лучший ответ:
Вы IT специалист? Какая нафиг трудовая?  Никто не будет в неё смотреть при вынесении решения брать вас на работу или нет, смотрят только на ваши знания

Худший ответ:
Мне интересно кем работают люди, пишущие комментарии аля "Смотрят на ваши знания, а не на трудовую"? Это не более чем домыслы, причем не очень правдивые. В шаражкиной конторе может и не смотрят. Там где вечная текучка и куча работы и надо чтоб хоть кто-то что-то делал тоже может не смотрят. Но там и опыт Ваш не то чтобы нужен, скорее лишние руки. В серьезных организациях еще как смотрят. Им не хочется брать таких специалистов, слишком много мороки с Вами при принятии на работу, чтоб Вы через 2-3 месяца ушли. Даже Ваши знания, будь они хоть супер-пупер тут не помогут, ведь незаменимых как известно нет. 
Я бы посоветовал при возникновении таких вопросов отвечать на них как есть и давать контакты предыдущих работодателей, предварительно с ними договорившись. Чтобы они подтвердили, что вы там не пинали и не слали всё и всех, а просто по счетечению обстоятельств они не могли вас оставить. В идеале еще скажут, что вообще то вы очень даже хороший работник.
p.S не факт, что люди, проводившие собеседования, будут им звонить, но точно учтут что вы готовы к такому повороту и готовы подтвердить свои слова о том, что вашей вины в краткосрочной работе нет.
Вопрос: Как отправить дополнительный перемени в typeahead?

Лучший ответ:
Как то такlet list = $('.list');
let url = list.data('url');
let lang = list.data('lang');

list.typeahead({
  onSelect: function(item) {
    console.log(item)
  },
  ajax: {
    url,
    data: {lang},
    method: "post",
    triggerLength: 1,
    preDispatch: function(query){
      return {name:query};
    },
  }
});

Худший ответ:
всё...нашёлpreDispatch: function(query){
     return {name:query,lang:lang};
},
Вопрос: Как убрать пустое пространство внизу интерфейса Excel?

Лучший ответ:
все проще.
У Excel есть помимо кнопочек закрыть/свернуть/развернуть в верхнем правом углу экрана (кнопки самого Excel) аналогичные кнопки чуть ниже для открытой книги. Нажми там развернуть

Худший ответ:
Спасибо за ответы, но проверить предложенные варианты не смог, т.к. проблема решилась установкой драйвера для внешнего монитора и перезагрузкой винды.
Вопрос: WordPress «жалуется» на новую версию jquery?

Лучший ответ:
Т.е. нужно все прописывать не $(), а JQuery()
Возможно, поможет использование враппера( function( $ ) {
    // Your code goes here
} )( jQuery );.

Худший ответ:
Я конечно не эксперт в WP, но вроде как там всегда надо было использовать именно JQuery()?
Вопрос: Есть ли библиотека образцовых сочетаний html/css?

Лучший ответ:
Поддерживаю предыдущего оратора, на счёт Bootstrap'а, так же от себя могу добавить foundation.
Но конкретно по Вашему вопросу, а именно:Есть ли сайты с каталогом, библиотекой таких вещей, но не просто абы каких, а образцово выполненных, с учетом разных нюансов - адаптивность, поддержка браузеров и т.п.
И да, и нет.
Сфера фронтэнда переживает второе рождение. Так уж получилось, что гипотетически, она была самой простой довольно долгое время, но потом, внезапно, некто решил внедрить в неё лучшие практики других языков и платформ и тут понеслось... От синтаксических конверторов (кои называются, "комиляторы") CSS'а, вроде SASS/LESS/Stylus/etc. до полномасштабных сборщиков проектов, вроде Gulp, Grunt и так далее. А так же дюжина подходов к разработке и так далее, далее, далее...
Если говорить про сайты с каталогом готовых библиотек, они есть и их много, например тут можно поискать готовые пакеты/библиотеки, или тут...
Подход реализации готовых к использованию компонентов, включая адаптив и всё прочее, реализован в идеологии/методологии, например БЭМ, включая наличие самих каталогов с готовыми библиотеками.
Но, полноценное решения уровня "воткнул и готово", Вы вряд ли найдете. К тому же, не редко изучение всех тонкостей выше описанных практик - гораздо сложнее, чем "просто разобраться с библиотекой N", даже если таких библиотек несколько. Максимум, что получиться сделать - это использовать полуфабрикаты (фреймворки) для вёрстки например, такие как Bootstrap или Foundation или Semantic-UI или [ещё дюжина других вариантов], сочетая их с готовыми, например, слайдерами (и другими кирпичиками), требующими от Вас минимальной настройки.
В ином случае, лучше воспользоваться каким-нибудь конструктором сайтов (Wix, Ucoz, etc.) или чем-то вроде Visual Composer.

Худший ответ:
Bootstrap 4: https://github.com/twbs/bootstrap
Документация: v4-alpha.getbootstrap.com/getting-started/introduction
Вопрос: Для чего в шрифтах форматы EOT и WOFF?

Лучший ответ:
eot - для старых версий Internet Explorer
woff и woff2 - современные форматы шрифтов для веб (весят меньше, чем ttf)
woff2 более современный и весит ещё меньше, чем woff, но меньшая поддержка старыми браузерами
https://caniuse.com/#search=eot
https://caniuse.com/#search=ttf
https://caniuse.com/#search=woff
https://caniuse.com/#search=woff2

Худший ответ:
У гугла даже отдельная статья по шрифтам есть https://developers.google.com/web/fundamentals/per... специально для вас) и там все необходимые форматы шрифтов рассмотрены