专栏首页西城知道怎么在自己的网页中引用其他好看的字体?
原创

怎么在自己的网页中引用其他好看的字体?

怎么在自己的网页中引用其他好看的字体?

网页中使用css引用字体文件

有的网站字体,用户电脑上没有,如果只是单纯的定义 font-family 是不起效的。 我们可以将字体文件放置在网站目录(知道君喜欢放在OSS,但是这个需要注意跨域的问题),直接引入,这样即使用户电脑上没有该字体也能自动加载。设置方法如下: css 代码:自定义字体

@font-face {  
font-family: 'MyFont';/*字体名称*/  
src: url('font.ttf'); /*字体源文件*/
}

然后在定义就可以了:

.text{    
font-family: MyFont; /*刚刚定义的字体名称*/
}

这样就可以正常显示了。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信好友头像全家福详细教程python版

    昨天按照大佬的代码,做了一个微信全家福的图片,后面好多人问我是怎么做的,索性我就出个详细的教程吧,我python也是三脚猫功夫,有不对的地方,还请各位大佬手下留...

    夏末浅笑
  • WordPress首页简单广告框弹窗两种方法实现纯代码+插件

    如果作为普通访客可能会略有抵触,但是作为站长,我们却十分需要这样的广告来为网站赚钱贴补一下服务器维护费用。说实话我挺喜欢这个功能的,但是一直未找到合适的代码,直...

    夏末浅笑
  • 好文推荐 |手把手教你如何实现大量图片的自适应图片页面的排列

    前提条件是知道图片的原始宽高和缩放后的高度 imgHeight,通过接口获取到图片列表的时候,至少是有图片链接 url 的,通过 url 我们就能获取到图片的宽...

    夏末浅笑
  • Qt加载字体

    Qt君
  • CSS样式规则及字体样式

    CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版...

    星辰_大海
  • 前端成神之路-CSS文字文本样式

    font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体,其可用属性值如下:

    海仔
  • Python图像处理库PIL的ImageFont模块使用介绍

    ImageFont模块定义了相同名称的类,即ImageFont类。这个类的实例存储bitmap字体,用于ImageDraw类的text()方法。

    砸漏
  • 移动端引入的字体文件过大处理方法

    用户1741436
  • 强烈推荐:9 款用起来超爽的编程字体!

    Consolas 是一套等宽字体的字型,属无衬线字体,由 Lucas de Groot 设计,这套字型使用了微软的 ClearType 字型平滑技术,非常好看。

    GitHubDaily
  • CSS字体font

    font-size 设置字体的大小 ,px 是一个单位,代表屏幕的上的像素,在css大多数数值都需要添加单位

    羊羽shine

扫码关注云+社区

领取腾讯云代金券