iis 下svg格式页面不显示

最新推荐文章于 2022-04-17 19:35:17 发布

原创最新推荐文章于 2022-04-17 19:35:17 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iis #扩展

计算机应用专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何为可缩放矢量图形(SVG)文件配置正确的MIME类型，确保SVG文件能在不同平台和浏览器中正确解析及显示。通过设置'image/svg+xml'作为SVG文件的MIME类型，可以有效提升SVG图像的兼容性和展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编辑MIME类型

注册新的MIME类型

扩展名：	.svg
MIME类型：	image/svg+xml

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jimmy2248

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题

smddw的博客

10-28

1495

　　部署网站的字体和服务器IIS有什么关系?如果你的职责只限于一名前端开发，那么你可能很“幸福”地与这些问题擦肩而过，浑然不觉。可是本人一直都是孤军奋战，连开发环境都要自己搭建，这次又踩了新的坑，发现网站所用的woff、svg等字体压根就没被页面加载。反复排摸都不得其解，用浏览器访问服务器上的这些字体url，全都报404错误，只有ttf的字体能被访问到… 　　解决方法：　　IIS不认SVG，...

Visual studio2010不显示.svg格式图片

林琪涵

05-13

1737

昨天同事在用Visual Studio2010运行asp.net项目时出现了页面.svg格式图片不显示问题用VS2012运行或者发布到IIS后图片都是可以正确显示的在尝试在WebServer节点下添加 MimeMap 映射后还是没解决后来我们总结了一下大概是 VS2010 不支持一些mime类型文件显示最后在VS2010web属性了设置了不选用自带

参与评论您还未登录，请先登录后发表或查看评论

IIS无法加载字体文件(*.woff,*.svg)的解决办法

weixin_30367945的博客

07-26

123

在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg)，此时在加载字体时请求会被返回 Failed to load resource: the server responded with a status of 404 (Not Found)。原因是，默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型，因此在客户端请求此类文件时得到的都是404。所以...

IIS发布后图标或者字体不能显示

nnn_net的博客

02-23

2803

项目在IIS发布后会遇到图标或者字体不能显示等问题。在用用程序池加这个就好了：点击添加：然后可以看到已经添加进去了：结束。

在IIS服务器上部署svg/woff/woff2字体

anbachun6816的博客

02-12

289

好了，废话不多说了直接，当你看见这篇文章的时候说明你遇到了跟我一样的问题，就是在IIS服务器上运行自己刚刚搭建好的网站不能识别 svg/woff/woff2字体。好了我马上要开始动手了，不信你马上看下面 1.我先把我的准备好的字体给解压出来看（当然这张图我是在网上找的，但是都一样） 2.然后一股脑都上传到服务器上，注意刚刚解压的文件里面已经生成了加载字体的CSS代码，在文件sty...

SVG 部署IIS

Pipi0714的专栏

04-27

2542

SVG 部署在IIS上FireFox 4.0浏览

为IIS增加svg和woff等字体格式的MIME(2003、2008)

09-30

默认情况下，它可能不包含对所有新型字体格式的支持。例如，SVG（Scalable Vector Graphics）是一种基于XML的矢量图像格式，WOFF（Web Open Font Format）则是专为Web设计的字体格式。当IIS遇到未知的文件类型时，它...

在Visual Studio中进行调试时查看SVG和其他HTML5内容

04-04

首先，SVG是一种基于XML的图形格式，允许在网页上创建和显示清晰、高质量的图形，而且它们可以被放大而不会失真。由于Visual Studio 2010的内置Web服务器不支持所有MIME类型，所以在尝试在调试模式下预览SVG文件时，...

IIS6.0下添加支持svg格式文件

Stay hungry,stay foolish

03-09

1646

今天用IIS6.0发布了一个项目，很纳闷原来都可以使用的图片什么的都不能用了，然后我就看了看图片原来是svg格式的，查了一下是一种新的文件格式。 SVG编辑 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万

IIS无法加载*.woff,*.woff2,*.svg文件的解决办法

amberom的专栏

04-17

1985

网站发布后，请求*.woff,.woff2,.svg此类文件时得到的都是404，这种情况要怎么解决呢？解决方案一：给服务器IIS添加SVG,WOFF,WOFF2这几个文件类型的扩展，即在IIS上添加MIME 类型。 1.打开服务器IIS管理器–》选择该发布网站–》在功能视图中，选择MIME类型 2.选择MIME类型–》鼠标双击–》进入MIME类型管理列表–》点击右上角“添加…” 3.输入对应的文件扩展名和MIME类型，点击“确定”就行了 1） .woff application/...

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

深南大道

02-21

8627

最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有发现浏览器总是报找不到woff、woff2字体的错误。原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。登录网址下载对应的文件放在自己的项目中 http://fontawesome.io/#modal-download 1、

网站发布会svg图片不加载,在IIS服务器上部署svg/woff/woff2字体

橙-极纪元-JJYCheng

11-14

2516

第一种方法：在服务器上 IIS 或者其他Web服务器上添加 SVG映射。远程登录主机，打开IIS，找到网站，右键属性，打开“HTTP头”，找到右下角的“MIME类型…” 新建如下3条： .svg image/svg+xml .woff application/x-font-woff .woff2 application/x-font-woff

字体图标文件服务器提示404,iis环境下字体图标woff/woff2/svg返回404不显示的原因与解决方法...

weixin_29338423的博客

08-05

1232

在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误，导致浏览器加载字体报404错误，因为服务器IIS不认SVG，WOFF/WOFF2，otf,eot,ttf 这几个文件类型，只要在IIS上添加MIME 类型即可。字体文件明明是存在的，但是却提示404，打开字体文件路径是这样的提示，MIME类型没添加，错误如下图：解决方法如下：一，如果你是服务器的话，打开服务器II...

关于SVG图片不显示

最新发布

03-04

### HTTP 本地服务器中文字体不显示的原因分析当访问 `http://localhost:8080` 页面时发现中文字体无法正常显示，通常是因为字体资源加载失败或配置不当所致。前端页面的小图标消失并伴随错误提示：“Failed to decode downloaded font”，表明浏览器尝试解码从指定URL获取的字体文件却未能成功[^1]。 ### 可能原因及对应措施 #### MIME 类型未正确设置 Web服务器返回给客户端的响应头里包含了Content-Type字段来告知所传输的数据类型。对于自定义字体而言，需确保HTTP头部中的MIME类型被适当地设定为诸如application/x-font-ttf等针对不同种类字体的具体值。如果缺少这些必要的声明，则可能导致某些浏览器拒绝渲染该字体资源[^2]。 #### 字体路径配置失误检查HTML文档内引用外部样式表(.css)的方式以及CSS内部通过@font-face规则引入特定字体家族成员(@import语句亦可)，确认其指向地址无误且能够稳定解析至实际存在的物理位置。特别是相对链接应基于项目的根目录结构进行调整，以免因部署环境变化而失效。 #### 编码方式差异引发冲突考虑到跨平台兼容性的需求，在打包发布前建议将所有静态资源统一转换成Base64编码形式嵌入到网页源代码之中；这样做不仅简化了依赖关系管理流程还有效规避了由于字符集映射失配造成的乱码现象。另外，适当增加额外格式支持（如.EOT），有助于提升低版本IE用户的浏览体验[^4]。 ```html <style> /* 使用 Base64 编码 */ @font-face { font-family: 'MyFont'; src: url(data:application/font-woff;charset=utf-8;base64,...); } </style> ``` ### 实施方案总结为了使 http://localhost:8080 上的中文得以清晰呈现： - 审查web应用框架下的全局配置项，保证已开启对TrueType/OpenType/SVG/Embedded OpenType/Web Open Font Format(WOFF)/WOFF2等多种常见字体格式的支持； - 对于Spring Boot项目来说，可通过修改`src/main/resources/application.properties`文件内的参数实现上述目的，比如添加如下内容： ```properties server.servlet.context-path=/your-app-name spring.resources.chain.strategy.content.enabled=true spring.http.encoding.charset=UTF-8 spring.http.encoding.enabled=true spring.http.encoding.force=true ``` - 验证Nginx/Apache Tomcat/IIS等中间件代理层是否遵循最佳实践指南完成了相应的优化操作，包括但不限于启用gzip压缩、缓存控制策略制定等方面的工作； - 尝试利用开发者工具(F12调试模式下Network面板)追踪整个请求链路的状态变迁情况，定位潜在瓶颈所在之处进而采取针对性改进举措。