Почему моя веб-страница дрожит после добавления ссылки шрифта Google в мой тег html head? - PullRequest
Новая
       33

Почему моя веб-страница дрожит после добавления ссылки шрифта Google в мой тег html head?

0 голосов
/ 19 апреля 2020

Я создал веб-страницу в коде Vs. Затем я выбираю шрифт из google-font и , встраивая его ссылку в тег head из HTML. Затем добавил семейство шрифтов в CSS. Это сработало правильно. Как я тестировал веб-страницу в расширении live-сервера. Я заметил, что когда я пишу один символ в CSS, страница сильно трясет . Когда я прекращаю писать код, встряхивание прекращается. Во время встряхивания шрифт становится больше, меньше, темнее и т. Д. c без причины, хотя я ничего не делал о шрифте. В чем проблема? Как остановить это дрожание? 

body{
font-family: 'Girassol', cursive;
font-size:25px;
}
<!DOCTYPE html>
<html>
  <head>
    <title>Dropdown Menu design</title>
    <link
      href="https://fonts.googleapis.com/css2?family=Girassol&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="indexstyle.css" />
    <script src="try.js"></script>
  </head>
  <body>
    <p>
      The University was established as compensation for the annulment of the
      1905 Partition of Bengal. The partition had established East Bengal and
      Assam as a separate province, with Dhaka as its capital. However, the
      partition was abolished in 1911. In 1913, public opinion was solicited
      before the university scheme was given its final shape, and the Secretary
      of State approved it in December 1913.[1] The first vice-chancellor of the
      university was Philip Joseph Hartog, who had been academic registrar of
      the University of London for 17 years.[
    </p>
  </body>
</html>

Ответы [ 2 ]

1 голос
/ 21 апреля 2020

Спасибо за ваш ответ. Я только что решил свою проблему, используя метод. Как я использовал против кода. Я установил опцию автосохранения. Параметр задержки автосохранения был установлен на 100 миллисекунд. Когда я преобразовал его в 1000 миллисекунд, он работал, не потрясая страницу.

0 голосов
/ 19 апреля 2020

Вероятно, потому что, когда вы набираете CSS, он становится временно недействительным, пока вы не закончите sh правило, которое вы печатаете. Поскольку вы используете расширение предварительного просмотра в реальном времени, в то время как CSS недопустимо, правила не применяются, поэтому вы увидите изменения внешнего вида ваших страниц.

...