AI 助理
备案控制台
开发者社区 云计算 文章 正文

解决Web部署 svg/woff/woff2字体 404错误

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

问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。

原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。

如果你是虚拟主机，请提交工单或者看看主机控制面板里有没有添加MIME类型。

解决方法

1、打开服务器IIS管理器，找到MIME类型。
1

2、添加MIME类型 添加三条：　

2
　

文件扩展名 MIME类型　

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

注：本文在win8环境下IIS7版本中填写的MIME类型，在IIS6、IIS7 MIME类型管理所处位置不一样，但是添加方式和参数均相同。

博主网址：http://www.xiuzhanwang.net/

关键词：
web字体
web部署
web svg
web woff woff2字体
web部署svg woff woff2字体
夏日里可乐
目录
相关文章
蓝易云
|
3天前
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker，可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令，展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
蓝易云
32 19
游客imiy4es7xqj46
|
16天前
|
应用服务中间件 Linux nginx
部署使用 CHAT-NEXT-WEB 基于 Deepseek
本文介绍如何在阿里云轻量服务器上部署基于 `Deepseek` 的 `CHAT-NEXT-WEB` 项目。首先，准备一台 Linux 服务器并安装 Docker，确保防火墙允许特定端口访问。接着，通过阿里云容器镜像服务解决国内网络限制问题，将镜像推送到私有仓库并拉取到本地。配置并启动 `chat-next` 项目，使用 Deepseek API 进行优化。最后，安装 Nginx 和 Certbot 配置 HTTPS 访问，确保安全性和自动续签。整个过程需严格遵循官方文档，以避免因网络问题导致的安装失败。
游客imiy4es7xqj46
552 8
有路有乔-六月
|
3月前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战：构建并部署一个简单的Web应用
Docker容器化实战：构建并部署一个简单的Web应用
有路有乔-六月
143 6
何雨晨
|
4月前
|
存储 前端开发 安全
详解CSS之Web 字体
详解CSS之Web 字体
何雨晨
57 4
小徐在进步
|
5月前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性，通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性，并提供了实用的代码示例。此外，还简要介绍了调试工具中的一些细节，如错误属性标识和属性生效状态的控制。
小徐在进步
98 28
天下无贼001
|
5月前
|
前端开发 JavaScript
构建你的第一个Web应用：从零到部署
【8月更文挑战第33天】 在这篇文章中，我们将一起踏上构建一个基本Web应用的旅程。不同于传统的“安装这个、运行那个”教程，我们的目标是通过理解每一步的意义和目的来深化你的技术理解。我们将探索HTML、CSS、JavaScript的基础，并学习如何将它们结合起来创建一个简单的个人网站。接着，我们会介绍如何使用GitHub Pages进行免费部署，让你的应用上线。准备好了吗？让我们开始吧！
天下无贼001
185 5
爱吃龙利鱼
|
5月前
|
负载均衡 网络协议 应用服务中间件
web群集--rocky9.2源码部署nginx1.24的详细过程
Nginx 是一款由 Igor Sysoev 开发的开源高性能 HTTP 服务器和反向代理服务器，自 2004 年发布以来，以其高效、稳定和灵活的特点迅速成为许多网站和应用的首选。本文详细介绍了 Nginx 的核心概念、工作原理及常见使用场景，涵盖高并发处理、反向代理、负载均衡、低内存占用等特点，并提供了安装配置教程，适合开发者参考学习。
爱吃龙利鱼
102 1
土木林森
|
6月前
|
Java UED 自然语言处理
Struts 2 国际化竟有如此神奇魔力？快来揭开多语言支持的 Web 应用神秘面纱
【8月更文挑战第31天】在全球化背景下，Web应用需适应多种语言环境。Struts 2凭借其强大的国际化(i18n)支持，简化了多语言应用开发。通过不同语言的资源文件，它能自动匹配用户语言偏好，优化用户体验并扩展用户群。下面是一个示例：创建`messages.properties`(英语)与`messages_zh_CN.properties`(中文)，并在Struts 2的Action类及JSP页面中调用`getText()`方法及Struts标签展示相应语言内容。此外，在struts.xml中指定资源文件，以确保框架正确加载对应语言包。通过这些步骤，开发者可以轻松实现应用的多语言支持。
土木林森
94 0
土木林森
|
6月前
|
Java 数据库 API
JSF与JPA的史诗级联盟：如何编织数据持久化的华丽织锦，重塑Web应用的荣耀
【8月更文挑战第31天】JavaServer Faces (JSF) 和 Java Persistence API (JPA) 分别是构建Java Web应用的用户界面组件框架和持久化标准。结合使用JSF与JPA，能够打造强大的数据驱动Web应用。首先，通过定义实体类（如`User`）和配置`persistence.xml`来设置JPA环境。然后，在JSF中利用Managed Bean（如`UserBean`）管理业务逻辑，通过`EntityManager`执行数据持久化操作。
土木林森
80 0
土木林森
|
6月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅：如何在云端部署JSF应用，让你的Web应用如虎添翼？
【8月更文挑战第31天】在云计算蓬勃发展的今天，AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF（JavaServer Faces）应用的方法，这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务，如EC2、RDS 和 S3，开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例，并讨论了使用AWS可能遇到的挑战及应对策略，帮助开发者更好地利用AWS的强大功能，提升Web应用开发效率。
土木林森
89 0

热门文章

最新文章

  • 1
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
  • 2
    FastAPI与Selenium：打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
  • 3
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
  • 4
    java spring 项目若依框架启动失败，启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
  • 5
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
  • 7
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
  • 8
    打造高效的Web Scraper：Python与Selenium的完美结合
  • 9
    docker快速部署OS web中间件 数据库 编程应用
  • 10
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
  • 1
    WEB CAD插件通过上下文对象MxPluginContext修改UI界面的方法
    15
  • 2
    docker快速部署OS web中间件 数据库 编程应用
    32
  • 3
    打造高效的Web Scraper：Python与Selenium的完美结合
    31
  • 4
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
    39
  • 5
    AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
    27
  • 6
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
    65
  • 7
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
    552
  • 8
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    36
  • 9
    java spring 项目若依框架启动失败，启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
    53
  • 10
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
    35

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来

    • 相关实验场景

    更多
  • Internet Information Services（IIS）部署Web项目
  • 云上Web及FTP
  • WEB网页编程实战
  • 网站用户流量分析—适用于电商网站、资讯网站、游戏主站等各类Web站点场景
  • Web Terminal环境使用指南
  • 手动部署Java Web环境（Alibaba Cloud Linux 2）
    • 下一篇
    通义万相：视觉生成大模型再进化