时间戳

首页 > 解决方案 > 我正在使用自定义 CSS 在我的流媒体软件中编辑网站的字体，但我无法获得正确的格式来概述字体

html - 我正在使用自定义 CSS 在我的流媒体软件中编辑网站的字体，但我无法获得正确的格式来概述字体

问题描述

对于上下文：

在 HTML 或 CSS 方面，我不是很了解，但长话短说：我使用 Streamlabs OBS，它是流媒体软件，我正在使用它的 browsersource 功能在我的流中显示网站的某些部分，在这种情况下我正在显示我的 Twitter 关注者的实时更新计数，我不喜欢网站上的默认字体，因此使用 Streamlabs OBS 为浏览器源提供的自定义 CSS 选项我已经更改了字体，但我想使用我的代码中的功能类似于 strokeme 或 text-shadow ，但作为一个对这些东西全新的人，我不知道将这些参数相对于我所拥有的其他参数放在哪里。到目前为止，自定义 CSS 字段显示的内容与我所拥有的内容不同：

html *
{
@font-face {
font-family: Rajdhani;
src:local("C:\Users\Briai\Documents\Fonts\Rajdhani\Rajdhani-SemiBold.ttf")
  }


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

我知道有用于获取文本轮廓的 Html 函数，我在这里看到了一些推荐的函数，但我不知道在这个自定义 CSS 字段中将这些特定函数插入到哪里，我知道这是一个非常基本的问题，但我希望有人能帮助我吗？

标签： htmlcsstextfonts

解决方案

您无法将字体从您的 PC 加载到其他人的浏览器。他们需要持续访问您的文件，出于安全原因，这将不起作用。但是您可以使用任何可在线访问的字体，例如使用 Google 字体。为此，字体需要使用 . 链接到 CSS 文件@import url""。

然后，您可以使用 html {font-family: 'Font', sans-serif/serif/cursive;} 为整个网站定义字体。最后但并非最不重要的font-size

整个代码应该如下所示（例如来自 Google Fonts 的 Josefin Sans）：

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

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

推荐阅读