当前位置: 首页 > 面试题库 >

如何在HTML网站上安装自定义字体

张亦
2023-03-14
问题内容

我没有使用Flash或php-并且要求我将自定义字体添加到简单的HTML布局中。“ KG June Bug”

我已经在本地下载了-是否有简单的CSS技巧来完成此操作?


问题答案:

是的,您可以使用名为@ font-face的CSS功能。它仅在CSS3中得到正式批准,但在CSS2中提出并实现,并在IE中得到了很长时间的支持。

您可以像这样在CSS中声明它:

 @font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
 @font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf');}

然后,您可以像其他标准字体一样引用它:

 h3 { font-family: Delicious, sans-serif; }

所以在这种情况下

<html>
   <head>
    <style>
      @font-face { font-family: JuneBug; src: url('JUNEBUG.TTF'); } 
      h1 {
         font-family: JuneBug
      }
    </style>
   </head>
   <body>
      <h1>Hey, June</h1>
   </body>
</html>

而且您只需要将JUNEBUG.TFF放在与html文件相同的位置即可。



 类似资料:
  • 我想用基本的ubuntu模板启动一个容器——但我希望它能自动安装几个额外的软件包——或者理想情况下运行一个bash脚本。 看起来我应该使用钩子,当我在一个配置文件中创建一个容器传递时,它将一个特定的钩子设置为我的bash脚本。但我忍不住想一定有更简单的方法?

  • 概述 有些时候,程序包可能需要在安装期间执行其他操作,例如在程序默认扩展库之外安装其他扩展包。 在这种情况下,你可以考虑创建自定义安装程序来处理你的特定安装逻辑。 调用自定义安装程序 假设你的程序已经有特定模块的自定义安装程序,那么调用这个安装程序就需要在扩展包文件中定义正确的安装 类型 。 关于如何创建自定义安装程序的说明,请参考下一章节 每个自定义安装程序都会定义它识别的安装 类型 。 如果执

  • 在Ubuntu上安装了Oracle 8 jdk,在jre/lib中,它有各种fontProperties文件和一个包含字体的字体目录。但是当安装OpenJdk 8时,jre/lib中的字体文件中没有这样的字体文件夹。 那么它的字体从哪里来,它是否有任何字体取决于系统在其他地方安装了一些字体。 根据gerynix的建议更新 不返回任何字体 给予

  • 当我将资产/字体中的自定义字体应用于本地html时。我只是像下面这样设置字体@font-face{font-Family:'my'字体;src: url('file:///android_asset/fonts/my'字体);}但是,当我使用loadUrl(“远程html url”)时,上面的代码不起作用。有一个好主意吗? 下面的链接显示本地字体和本地html的示例代码。如何在Android中更改

  • 是否可以在我的Android应用程序中包含TTF字体(Arial),以便外部加载网页的CSS使用? 比如说我的网站http://www.some-site.com它有一个CSS文件,包含以下内容: 我还尝试将字体的url src设置为以下值,但它们都不起作用: 我知道如果Arial是这样的话,这是可行的。ttf文件与服务器上的CSS文件位于同一目录中,但我想做的是能够使用Arial。ttf,位于我

  • 我在网上下载了一种免费字体,如下: 安装到了系统里如下: 现在我该如何在网页上使用这个字体了,我自己的网站的 css 代码片段如下: 我明明把 荆南麦圆体 放到了第一位,但他还是显示的是微软雅黑字体,请问这个该怎么写才能显示成 荆南麦圆体 呢? 各位大佬请不要回答别人的机器能不能显示这个字体哦,我只要我的电脑能显示这个字体就行了。 另外因为这个字体库文件比较大,我不希望使用 src 那种方式引入自