Xeiller

https://habr.com/company/htmlacademy/blog/254171/

Вёрстка проходит тест на переполнение контентом. Вёрстка не ломается:

• При добавлении в элементы большего количества текста.
  
• При использовании картинок с неподходящими размерами.
  
• Текст не должен выпадать из объектов.
  
• Переполнение контентными блоками не приводит к нарушению сетки.
  

Тоже по теме:
https://habr.com/company/2gis/blog/246831/
https://isqua.ru/blog/2016/06/19/crash-test-viorstki/

Можно быстро смотреть результат при включенном designMode
https://developer.mozilla.org/ru/docs/Web/API/Docu...

Все примерно так, как описал SyavaSyava, только даже еще хуже.
Мощность(энергия) этого повербанка будет меньше, емкость 20000 это емкость самих элементов, т.е умножать надо на напряжение 3,6 вольта, 72 вата в час. Все он их не выдаст, потому как там стоит повышающий преобразователь до 5 вольт, кпд которого не 100%. Потом потребуется повышающий преобразователь до 19 вольт, на ток 3,5 ампера, если сделать его максимально качественным, то это будет довольно громоздкая штука и все равно процентов 5-10 энергии потеряем на нем. Плюс потери в цепи зарядки самого ноута(5-10%). К тому же повербанк не сможет отдать всю свою энергию, когда напряжение на банках опустится ниже порогового, то он отключится.
Поэтому с учетом потерь, мы сможем забрать максимум 50 ватт энергии. А самое главное это то, что помимо зарядки аккумулятора, повербанк будет питать и ноут, если зарядку делать во время работы. А ток потребления ноута будет примерно 1.5 ампера, в зависимости он нагружености процессора, яркости экрана и тд. Получаем что работающий ноут съест примерно 1.5*19 =28.5 ват энергии в час. Цепь зарядки в ноуте настроена оптимально для зарядки литий ионных акб, заряжает их током в половины емкости, средние время зарядки 2 часа. 28.5*2=57 ватт энергии съест работающий ноут за 2 часа (за время зарядки), плюс нам надо 37.5 ватт энергии на зарядку аккумулятора.
Получаем 94.5 ватт нам надо чтоб зарядить акб на работающем ноуте, а имеем всего 50. Вообщем не хватит этого повербанка даже на одну полную зарядку во время работы, его хватит примерно на час работы, плюс за это время он зарядит примерно наполовину аккумулятор в ноуте.
Дешевле и проще для этой цели купить второй аккумулятор для ноута.
UPD: Забыл, написать. Именно этот Xiaomi PowerBank 20000 не получится приспособить без переделок, ток максимальный плата внутри выдает 2 ампера, если к нему подключить преобразователь повышающий то, заряжать сможет только в выключенном состоянии. А если включим ноут, то будет перегрузка по току, сработает защита. Придется его разбирать и переделывать, а места внутри врятле там хватит, чтоб поставить более мощный преобразователь.

@font-face {
font-family: "PT Serif";
  src: url("../fonts/ptserif-normal.eot");
  src: local('☺'), 
  url("../fonts/ptserif-normal.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/ptserif-normal.woff") format("woff"),
  url("../fonts/ptserif-normal.ttf") format("truetype"), 
  url("../fonts/ptserif-normal.svg#PT Serif") format("svg");

  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PT Serif";
  src: url("../fonts/ptserif-bold.eot");
  src: local('☺'), 
  url("../fonts/ptserif-bold.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/ptserif-bold.woff") format("woff"), 
  url("../fonts/ptserif-bold.ttf") format("truetype"), 
  url("../fonts/ptserif-bold.svg#PT Serif") format("svg");

  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "PT Serif";
  src: url("../fonts/ptserif-italic.eot");
  src: local('☺'), 
  url("../fonts/ptserif-italic.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/ptserif-italic.woff") format("woff"), 
  url("../fonts/ptserif-italic.ttf") format("truetype"), 
  url("../fonts/ptserif-italic.svg#PT Serif") format("svg");

  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "PT Serif";
  src: url("../fonts/ptserif-bolditalic.eot");
  src: local('☺'), 
  url("../fonts/ptserif-bolditalic.eot?#iefix") format("embedded-opentype"), 
  url("../fonts/ptserif-bolditalic.woff") format("woff"), 
  url("../fonts/ptserif-bolditalic.ttf") format("truetype"), 
  url("../fonts/ptserif-bolditalic.svg#PT Serif") format("svg");

  font-weight: bold;
  font-style: italic;
}

В font-weight можно использовать не ключевые слова, а цифры

100 Ultra Light
200 Thin
300 Light
400 Regular, Normal
500 Roman
600 Medium, SemiBold
700 Bold
800 Heavy, ExtraBold
900 Black

При использовании указывать font-weight и font-style, в зависимости от их комбинаций будет выбран нужный файл шрифта

UPD: Если вам не нужно поддерживать совсем уж древние браузеры IE8 (eot) и Android 4.3 (ttf) то достаточно подключить только woff и woff2.
Svg нужен для Safari версии ниже 5.1

Подробнее смотрите на caniuse.com

Хорошая статья на эту тему nicothin.pro/page/web-fonts

@font-face { 
  font-family: 'Web font'; 
  src: url('webfont.woff2') format('woff2'), 
       url('webfont.ttf')  format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */ 
       url('webfont.woff') format('woff'); 
  font-weight: normal; 
  font-style: normal; 
}