Блог

Для контекста:

Я не очень хорошо разбираюсь в HTML или CSS, но вкратце: я использую Streamlabs OBS, это потоковое программное обеспечение, и я использую его функцию browsersource для отображения частей веб-сайта в моем потоке, в данном случае я показываю количество моих подписчиков в Твиттере, которые обновляются в режиме реального времени, мне не нравится шрифт по умолчанию на веб-сайте, поэтому, используя пользовательскую опцию CSS, которую Streamlabs OBS имеет для браузерные ресурсы Я уже изменил шрифт, но я хочу использовать в своем коде такую функцию, как strokeme или text-shadow, но как человек, совершенно новичок в этом, я не знаю, куда поместить эти параметры относительно остального, что у меня есть. Вот что показывает пользовательское поле CSS, отличное от того, что у меня есть:

 html *
{
@font-face {
font-family: Rajdhani;
src:local("C:UsersBriaiDocumentsFontsRajdhaniRajdhani-SemiBold.ttf")
  }


   font-size: 40px;
   color: #000000;
   font-family: Rajdhani;
}
  

Я знаю, что существуют Html-функции для выделения контуров текста, я видел несколько рекомендуемых здесь, но я не знаю, куда бы я вставил эти конкретные функции в это пользовательское поле CSS, я знаю, что это невероятно простой вопрос, но я надеялся, что кто-нибудь сможет мне помочь?

Вы не можете загрузить шрифт со своего компьютера в браузер других пользователей. Им потребуется постоянный доступ к вашим файлам, который по соображениям безопасности не будет работать. Но вы можете использовать любой шрифт, который доступен онлайн, например, с помощью Google Fonts. Для этого шрифт должен быть связан с файлом CSS с помощью @import url"" .

Затем вам нужно определить шрифт для всего веб-сайта с помощью html {font-family: ‘Шрифт’, без засечек / serif / cursive;}. Последнее, но не менее важное font-size

Тогда весь код должен выглядеть следующим образом (например, Josefin Sans из Google Fonts):

 @import url('https://fonts.googleapis.com/css2?family=Josefin Sansamp;display=swap');

html {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
}