备案控制台

开发者社区开发与运维文章正文

css3加载自定义字体

2017-08-08 1203

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： @font-face { font-family: 'brisa';//字体名称 src: url('../fonts/brisa.ttf');//文件路径 font-weight: normal;//定义字体是否为粗体 font-style: normal;...

@font-face {
    font-family: 'brisa';//字体名称
    src: url('../fonts/brisa.ttf');//文件路径
    font-weight: normal;//定义字体是否为粗体
    font-style: normal;//主要定义字体样式，如斜体
}

h1{
    font-family:"brisa";
}

.ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】；著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
  ©

文章标签：

Windows

关键词：

CSS加载

CSS字体

CSS自定义

CSS自定义字体

啊里鸿途

目录

相关文章

派大鑫的工作室

|

3月前

|

前端开发

css 设置背景色渐变、字体颜色渐变

css 设置背景色渐变、字体颜色渐变

派大鑫的工作室

120 0 0

龙大吉

|

2月前

|

前端开发 UED 开发者

CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求，提升加载速度

本文探讨了CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求，提升加载速度；图标字体则以字体形式呈现图标，便于调整样式。文章分析了两者的优缺点及应用场景，并提供了应用技巧和注意事项，旨在帮助开发者提升页面性能，改善用户体验。

龙大吉

33 5 5

东方睿赢

|

2月前

|

编解码前端开发 UED

探讨了CSS媒体查询在移动端开发中的应用，介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用

本文深入探讨了CSS媒体查询在移动端开发中的应用，介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用。通过实际案例分析和注意事项的讨论，旨在帮助开发者更好地理解和运用媒体查询，提升移动端用户体验。

东方睿赢

48 4 4

疯狂的猿

|

2月前

纯css3加载loading发光变色动画代码

纯css3加载loading发光变色动画特效代码是一款基于css3 keyframes属性实现的发光变色圆点串联旋转loading加载动画

疯狂的猿

26 2 2

疯狂的猿

|

2月前

|

Web App开发前端开发 iOS开发

CSS加载动画大全 126种

CSS加载动画大全是一个css Loaders加载动画特效汇总，一共包含126种加载动画效果，不同样式不同图案，简单实用，一览包含所有，会让你在等待的过程中，体验视觉盛宴，给用户不一般的加载体验，欢迎下载试试！代码适用浏览器：搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗，是一款不错的的特效插件，希望大家喜欢！

疯狂的猿

30 2 2

kaixin321-44007

|

2月前

|

缓存前端开发 JavaScript

优化CSS和JavaScript加载

优化CSS和JavaScript加载

kaixin321-44007

36 1 1

八百标兵奔北坡

|

2月前

|

缓存前端开发 JavaScript

优化CSS和JavaScript加载

Next.js和Nuxt.js在优化CSS和JavaScript加载方面提供了多种策略和工具。Next.js通过代码拆分、图片优化和特定的CSS/JavaScript优化措施提升性能；Nuxt.js则通过代码分割、懒加载、预渲染静态页面、Webpack配置和服务端缓存来实现优化。两者均能有效提高应用性能。

八百标兵奔北坡

25 1 1

何雨晨

|

3月前

|

存储前端开发安全

详解CSS之Web 字体

详解CSS之Web 字体

何雨晨

37 4 4

你都不懂

|

3月前

|

前端开发

【CSS】纯css3螺旋状loading加载特效

【CSS】纯css3螺旋状loading加载特效

你都不懂

35 4 4

小徐在进步

|

4月前

|

前端开发

【前端web入门第三天】02 CSS字体和文本

本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性，通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性，并提供了实用的代码示例。此外，还简要介绍了调试工具中的一些细节，如错误属性标识和属性生效状态的控制。

小徐在进步

77 28 29

热门文章

最新文章

如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤

CSS滚动效果和视差滚动的原理、应用及其对用户体验的影响。从平滑滚动到元素跟随，再到滚动触发动画

jQuery和CSS3滑动展开菜单按钮插件

探讨了CSS媒体查询在移动端开发中的应用，介绍了媒体查询的基本概念、常见条件及其在响应式布局、导航菜单、图片优化和字体调整等方面的具体应用

高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容

页面滚动触发css3动画js插件

HTML与CSS在Web组件化中的核心作用及前端技术趋势

纸屑飘落生日蛋糕场景js+css3动画特效

纯CSS3+SVG实现的节日庆祝五彩纸屑动画效果源码

在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势

css结构伪类

web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale

【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性

HTML5/CSS3粒子效果进度条代码

同样都是将物理设备虚拟化，思科的VSS和华为的CSS到底有啥区别？

CSS 超出内容... 或者多行省略及两端对齐及超出多行居中显示

CSS外边距重叠：原理、结果

css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？

CSS常见用法以及JS基础语法

css设置内嵌样式阴影

相关课程

更多

CSS 快速掌握

零基础学前端HTML+CSS

前端开发CSS基础

相关电子书

更多

零基础CSS入门教程

低代码开发师（初级）实战教程

阿里巴巴DevOps 最佳实践手册

相关实验场景

更多

前端开发基础3：CSS3常见显示属性

CSS基础教程

下一篇

阿里云无影云电脑免费试用，最长可试用3个月