首页 > 其他分享 >如何在网站中添加非标准字体?

如何在网站中添加非标准字体?

时间:2023-11-12 18:55:21浏览次数:27  
标签:Font 网站 非标准 添加 字体 font

内容来自 DOC https://q.houxu6.top/?s=如何在网站中添加非标准字体?

有没有一种在网站上添加自定义字体的方法,而不使用图片、Flash或其他图形?

例如,我正在制作一个婚礼网站,我找到了很多适合这个主题的漂亮字体。但是我找不到正确的方法将该字体添加到服务器上。如何使用CSS将该字体包含在HTML中?是否可以在不使用图形的情况下实现这一点?


可以通过CSS来实现:

<style type="text/css">
@font-face {
 font-family: "My Custom Font";
 src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
 font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

如果使用TrueType字体(TTF)、Web Open Font Format(WOFF)或Embedded Opentype(EOT),则可以在所有常见浏览器上支持该功能。

标签:Font,网站,非标准,添加,字体,font
From: https://www.cnblogs.com/xiaomandujia/p/17827572.html

相关文章

  • MATLAB将数据写入Excel表格并添加表头
    MATLAB中写入Excel表格的函数为:xlswrite(filename,data,sheet,Range)其中的函数参数如下:filename:文件名,可以是绝对路径也可以是相对路径data:写入表格文件的数据sheet:写入的工作表,指的是sheet1、sheet2或者自己命名的工作表Range:写入的单元格区域,比如A4,指的是从A4开始写入数......
  • vue项目部署添加时间
    constfs=require('fs');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');classBuildTimePlugin{ apply(compiler){  constbuildTime=+newDate()  compiler.hooks.beforeCompile......
  • CSS3学习笔记-字体属性
    在CSS3中,可以使用字体属性来控制网页中文本的样式和排版。以下是常用的字体属性:font-family该属性用于指定网页中的文本所使用的字体。我们可以通过使用通用的字体名称,或者直接使用字体名称,在多个字体之间进行设置。例如:```cssbody{font-family:Arial,Helvetica,sans-......
  • linux useradd命令 添加用户
      [root@MongoDB~]#useraddwww  useradd是添加用户的命令,-s是指定用户登入后所使用的shell。默认值为/bin/bash。如果不想让用户登录系统可以用-s/sbin/nologin.此用户就不可以登录系统useraddftp-s/usr/bin/nologin -M:不要自动建立用户的home目录。-r......
  • 传奇世界如何添加新的装备
    大家应该都知道传世所有的装备列表都是保存在StdItems.DB物品数据库中,各种装备的属性等信息也是在这个数据库中来定义的,比如某个武器的公鸡力,佩戴要求,外观都是在这个数据库中定义。然后我们要修改或添加新的装备,就需要使用DBC2000工具来打开这个StdItems.DB物品数据库进行修改。需......
  • WOFF字体的MIME类型是什么?
    内容来自DOChttps://q.houxu6.top/?s=WOFF字体的MIME类型是什么?WOFF字体应该使用什么MIME类型进行服务?我正在将TrueType(ttf)字体作为font/truetype进行服务,OpenType(otf)字体作为font/opentype进行服务,但是我找不到WOFF字体的正确格式。我尝试过font/woff、font/webopen和font......
  • layer.load底部添加自定义文字(文字居中效果)
    varindex=layer.load(2,{shade:[0.3,'#000'],success:function(layero){layero.find('.layui-layer-content').after('<divclass="layer-load">加载中...</div>'); layero.find('.la......
  • Spring6.0官方文档示例:(28)多种方式添加BeanPostProcessor
    一、定义三个BeanPostProcessorpackagecn.edu.pku;importorg.springframework.beans.BeansException;importorg.springframework.beans.factory.config.BeanPostProcessor;importorg.springframework.stereotype.Component;@ComponentpublicclassMyScannedBeanPostPr......
  • c# webapi 在swagger里添加全局过滤器
    Swagger原理Swagger就是利用反射技术遍历所有Api接口,并且从xml文件中读取注释,在利用Swagger内置的模板组合html显示至客户端实现接口可视化,并且可调用。在WEBApi中,引入了面向切面编程(AOP)的思想,在某些特定的位置可以插入特定的Filter进行过程拦截处理。引入了这一机制可以更......
  • c# webapi swagger Area 多级层次分组 添加header参数
    nuget安装Swashbuckle安装完成后会在App_Start中生成SwaggerConfig.cs 项目右键属性生成xml文件 在SwaggerConfig中的Register中进行配置//在内部的GlobalConfiguration.Configuration.EnableSwagger中进行配置c.SingleApiVersion("v1","API");varbaseDiretory=S......