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

解决IIS Web部署 svg/woff/woff2字体找不到问题

2023-04-13 302
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有<,+等符号，字体也不对，发现浏览器总是报找不到woff、woff2字体的错误。

最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有<,+等符号，字体也不对，发现浏览器总是报找不到woff、woff2字体的错误。

原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。
1、打开IIS界面，如下图、找到MIME类型。
a.png

点击MiME类型，点击添加即可。
b.png

添加上下面三种格式即可。

文件扩展名 MIME类型　
.svg image/svg+xmz
.woff application/x-font-woff
.woff2 application/x-font-woff

关键词：
web字体
web iis
web部署
IIS部署
web svg
鹅是程序员
目录
相关文章
郑小健
|
3月前
|
负载均衡 应用服务中间件 持续交付
微服务架构下的Web服务器部署
【8月更文第28天】随着互联网应用的不断发展，传统的单体应用架构逐渐显露出其局限性，特别是在可扩展性和维护性方面。为了解决这些问题，微服务架构应运而生。微服务架构通过将应用程序分解成一系列小型、独立的服务来提高系统的灵活性和可维护性。本文将探讨如何在微服务架构中有效部署和管理Web服务器实例，并提供一些实际的代码示例。
郑小健
98 0
蓝易云
|
13天前
|
监控 网络安全 调度
Quartz.Net整合NetCore3.1，部署到IIS服务器上后台定时Job不被调度的解决方案
解决Quartz.NET在.NET Core 3.1应用中部署到IIS服务器上不被调度的问题，通常需要综合考虑应用配置、IIS设置、日志分析等多个方面。采用上述策略，结合细致的测试和监控，可以有效地提高定时任务的稳定性和可靠性。在实施任何更改后，务必进行充分的测试，以验证问题是否得到解决，并监控生产环境的表现，确保长期稳定性。
蓝易云
28 1
何雨晨
|
22天前
|
存储 前端开发 安全
详解CSS之Web 字体
详解CSS之Web 字体
何雨晨
21 4
小徐在进步
|
2月前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性，通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性，并提供了实用的代码示例。此外，还简要介绍了调试工具中的一些细节，如错误属性标识和属性生效状态的控制。
小徐在进步
62 28
GG2020gg
|
2月前
|
SQL 开发框架 安全
Web安全-IIS短文件名泄露
Web安全-IIS短文件名泄露
GG2020gg
47 2
天下无贼001
|
2月前
|
前端开发 JavaScript
构建你的第一个Web应用：从零到部署
【8月更文挑战第33天】 在这篇文章中，我们将一起踏上构建一个基本Web应用的旅程。不同于传统的“安装这个、运行那个”教程，我们的目标是通过理解每一步的意义和目的来深化你的技术理解。我们将探索HTML、CSS、JavaScript的基础，并学习如何将它们结合起来创建一个简单的个人网站。接着，我们会介绍如何使用GitHub Pages进行免费部署，让你的应用上线。准备好了吗？让我们开始吧！
天下无贼001
71 5
爱吃龙利鱼
|
2月前
|
负载均衡 网络协议 应用服务中间件
web群集--rocky9.2源码部署nginx1.24的详细过程
Nginx 是一款由 Igor Sysoev 开发的开源高性能 HTTP 服务器和反向代理服务器，自 2004 年发布以来，以其高效、稳定和灵活的特点迅速成为许多网站和应用的首选。本文详细介绍了 Nginx 的核心概念、工作原理及常见使用场景，涵盖高并发处理、反向代理、负载均衡、低内存占用等特点，并提供了安装配置教程，适合开发者参考学习。
爱吃龙利鱼
62 1
土木林森
|
3月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署：Angular与Angular Universal手把手教你实现服务器端渲染（SSR），全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染（SSR）是现代Web开发的关键技术，能显著提升SEO效果及首屏加载速度，改善用户体验。Angular Universal作为官方SSR解决方案，允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR，并分享最佳实践。首先需安装Node.js和npm。
土木林森
54 1
土木林森
|
3月前
|
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中指定资源文件，以确保框架正确加载对应语言包。通过这些步骤，开发者可以轻松实现应用的多语言支持。
土木林森
61 0
土木林森
|
3月前
|
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`执行数据持久化操作。
土木林森
49 0

热门文章

最新文章

  • 1
    如何使用 AllowPartiallyTrustedCallers 属性来调用具有一个强名称从 Web 页通过使用 Visual C#.NET、 Visual C# 2005年或更高版本的程序集
  • 2
    iOS上Web开发之远端调试
  • 3
    HTML5 Web Workers
  • 4
    探讨 使用GWT 做一个web游戏。如何设计一个web游戏。
  • 5
    wifi的web 认证。
  • 6
    WEB应用数据验证指南
  • 7
    struts2获取web元素的方式和方法
  • 8
    eclipse 发布web工程，修改tomcat端口
  • 9
    动态切换 web 报表中的统计图类型
  • 10
    web worker 是运行在后台的 JavaScript，不会影响页面的性能。
  • 1
    Windows Server 2019 IIS HTTPS证书部署流程详解
    540
  • 2
    VUE部署到IIS中报404错误解决方案-配置URL重写
    263
  • 3
    要在云效部署到阿里云服务器上的 Windows Server 上的 IIS
    462
  • 4
    利用windows服务器自带的IIS搭建网站并发布公网访问【内网穿透】
    1310
  • 5
    25、IIS服务器搭建(win server 2003)
    67
  • 6
    38、中间件漏洞解析-IIS6.0
    71
  • 7
    ​小课堂 -- IIS服务器搭建(ws2003)
    73
  • 8
    Visual Studio IIS Express介绍
    88
  • 9
    IIS 应用程序池
    89
  • 10
    【IIS搭建网站】在本地电脑上搭建web服务器并实现外网访问
    2301

    • 相关课程

    更多
  • 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站点场景
  • 搭建Java Web开发环境（Anolis OS）
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月