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

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

2023-04-13 341
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 最近项目中用到了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
鹅是程序员
目录
相关文章
游客imiy4es7xqj46
|
5天前
|
应用服务中间件 Linux nginx
部署使用 CHAT-NEXT-WEB 基于 Deepseek
本文介绍如何在阿里云轻量服务器上部署基于 `Deepseek` 的 `CHAT-NEXT-WEB` 项目。首先，准备一台 Linux 服务器并安装 Docker，确保防火墙允许特定端口访问。接着，通过阿里云容器镜像服务解决国内网络限制问题，将镜像推送到私有仓库并拉取到本地。配置并启动 `chat-next` 项目，使用 Deepseek API 进行优化。最后，安装 Nginx 和 Certbot 配置 HTTPS 访问，确保安全性和自动续签。整个过程需严格遵循官方文档，以避免因网络问题导致的安装失败。
游客imiy4es7xqj46
213 8
郑小健
|
6月前
|
负载均衡 应用服务中间件 持续交付
微服务架构下的Web服务器部署
【8月更文第28天】随着互联网应用的不断发展，传统的单体应用架构逐渐显露出其局限性，特别是在可扩展性和维护性方面。为了解决这些问题，微服务架构应运而生。微服务架构通过将应用程序分解成一系列小型、独立的服务来提高系统的灵活性和可维护性。本文将探讨如何在微服务架构中有效部署和管理Web服务器实例，并提供一些实际的代码示例。
郑小健
237 0
有路有乔-六月
|
3月前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战：构建并部署一个简单的Web应用
Docker容器化实战：构建并部署一个简单的Web应用
有路有乔-六月
121 6
蓝易云
|
4月前
|
监控 网络安全 调度
Quartz.Net整合NetCore3.1，部署到IIS服务器上后台定时Job不被调度的解决方案
解决Quartz.NET在.NET Core 3.1应用中部署到IIS服务器上不被调度的问题，通常需要综合考虑应用配置、IIS设置、日志分析等多个方面。采用上述策略，结合细致的测试和监控，可以有效地提高定时任务的稳定性和可靠性。在实施任何更改后，务必进行充分的测试，以验证问题是否得到解决，并监控生产环境的表现，确保长期稳定性。
蓝易云
226 1
何雨晨
|
4月前
|
存储 前端开发 安全
详解CSS之Web 字体
详解CSS之Web 字体
何雨晨
54 4
小徐在进步
|
5月前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性，通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性，并提供了实用的代码示例。此外，还简要介绍了调试工具中的一些细节，如错误属性标识和属性生效状态的控制。
小徐在进步
92 28
GG2020gg
|
5月前
|
SQL 开发框架 安全
Web安全-IIS短文件名泄露
Web安全-IIS短文件名泄露
GG2020gg
132 2
天下无贼001
|
5月前
|
前端开发 JavaScript
构建你的第一个Web应用：从零到部署
【8月更文挑战第33天】 在这篇文章中，我们将一起踏上构建一个基本Web应用的旅程。不同于传统的“安装这个、运行那个”教程，我们的目标是通过理解每一步的意义和目的来深化你的技术理解。我们将探索HTML、CSS、JavaScript的基础，并学习如何将它们结合起来创建一个简单的个人网站。接着，我们会介绍如何使用GitHub Pages进行免费部署，让你的应用上线。准备好了吗？让我们开始吧！
天下无贼001
172 5
爱吃龙利鱼
|
5月前
|
负载均衡 网络协议 应用服务中间件
web群集--rocky9.2源码部署nginx1.24的详细过程
Nginx 是一款由 Igor Sysoev 开发的开源高性能 HTTP 服务器和反向代理服务器，自 2004 年发布以来，以其高效、稳定和灵活的特点迅速成为许多网站和应用的首选。本文详细介绍了 Nginx 的核心概念、工作原理及常见使用场景，涵盖高并发处理、反向代理、负载均衡、低内存占用等特点，并提供了安装配置教程，适合开发者参考学习。
爱吃龙利鱼
97 1
土木林森
|
6月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署：Angular与Angular Universal手把手教你实现服务器端渲染（SSR），全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染（SSR）是现代Web开发的关键技术，能显著提升SEO效果及首屏加载速度，改善用户体验。Angular Universal作为官方SSR解决方案，允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR，并分享最佳实践。首先需安装Node.js和npm。
土木林森
174 1

热门文章

最新文章

  • 1
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
  • 2
    springSecurity学习之springSecurity过滤web请求
  • 3
    FastAPI与Selenium：打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
  • 4
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
  • 5
    WEB 版的报表工具有没有意义？
  • 6
    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-优雅草卓伊凡解决方案
  • 7
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
  • 8
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
  • 9
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
  • 10
    阿里云先知安全沙龙(北京站) ——浅谈Web快速打点
  • 1
    GraphQL在现代Web应用中的应用与优势
    64
  • 2
    第六十八章 使用 Web 服务监控 IRIS - 监控网络客户端
    47
  • 3
    第六十七章 使用 Web 服务监控 IRIS - 监控 Web 服务的 URL
    59
  • 4
    第六十六章 使用 Web 服务监控 IRIS - IRIS 对 WS-Monitoring 的支持概述
    80
  • 5
    实时计算 Flink版产品使用合集之web ui能否在线管理数据source和处理数据
    84
  • 6
    Python Web Service开发及优化
    116
  • 7
    BUUCTF---web---[极客大挑战 2019]HardSQL
    122
  • 8
    BUUCTF---web---[GXYCTF2019]BabyUpload
    156
  • 9
    攻防世界---web---warmup
    112
  • 10
    攻防世界---web---NewsCenter
    102

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • 基于ECS搭建Java Web开发环境
  • 搭建Java Web开发环境
  • Internet Information Services（IIS）部署Web项目
  • 云上Web及FTP
  • WEB网页编程实战
  • 网站用户流量分析—适用于电商网站、资讯网站、游戏主站等各类Web站点场景
    • 下一篇
    PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型