JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<p>Почему мы выбрали именно этот уникальный строительный материал?
Студия Клееного Бруса - это строительство домов из клееного бруса с применением инновационных технологий. Мы произвели на свет новые, для себя строительный материал, который имеют высокие эксплуатационные качества, эстетичный внешний вид и полное отсутствие недостатков.
</p>

<p>
Именно таким строительным материалом для жилых домов является клееный брус. Он получается из склеенных между собой ламелей, которые уложены таким образом, чтобы древесные волокна были направлены в противоположные стороны. Это придает брусу особую прочность для будущего дома. Такой материал удачно сочетает в себе все лучшие свойства древесины такие, как твердость, а значит и прочность, плотность, низкую теплопроводность, высокие звукоизоляционные параметры и многое другое. Он также воплощает в себе все требования современности: экологичность, прекрасный внешний вид, практичность и простоту в обработке.</p>


<link href="https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0-ExdGM.woff2" rel="stylesheet">

CSS

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
<!-- <link  href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet"> -->







/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}