css: font-face

@font-face{
		font-family:'geovindu';
			src:url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.eot');
			src:url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.eot?#iefix') format('embedded-opentype'),			
url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.otf') format('opentype'),
url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.woff2') format('woff2'),
url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.woff') format('woff'),
url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.ttf') format('truetype'),
url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.svg#geovindu') format('svg');
		font-weight:normal;
		font-style:normal;
	    font-display: swap; 
}
	
	
	
      div { 
        font-size:25px;
     font-family:geovindu!important;
     text-align:center;
  }
  div#poem,div#poem h3{
     font-size:45px;
     font-family:geovindu!important;
     text-align:center;
}

最新版的WIN10，企业版，Edge, google Chrom，Opera，要注意，清楚缓存，改成这样，Ok，需要考虑不同的客户端系统环境（操作系统、浏览器不同版本等） IE9 以上可以。

<style type="text/css">
/**
* Font To Web 迷你繁篆书
* http://font-to-web.com 
* the font designed for your website
*/
@font-face{
		font-family:"minizhuanshu";
			src:url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.eot');/*IE 9 Compat Modes*/
			src:url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.eot?#iefix') format('embedded-opentype'),/*IE6-IE8 */
			/* src: local('minizhuanshu'), 
			local('minizhuanshu'),      */
				url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.woff2') format('woff2'),
				url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.otf') format('opentype'),
				url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.woff') format('woff'),/*Modern Browsers*/
				url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.ttf') format('truetype'),/*Safari,Android,iOS */
				url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.svg#minizhuanshu') format('svg');/*Legacy iOS */
		font-weight:normal;
		font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入后切换字体 geovindu*/
}
	/*
div { 
     font-size:25px;
     font-family:minizhuanshu!important; 
     font-family:minizhuanshu;
     text-align:center;
  }*/
  div#poem,div#poem h3{
     font-size:45px;
     font-family:"minizhuanshu"!important;
     font-family:"minizhuanshu";
     text-align:center;
}

</style>

<style type="text/css">
/**
* Font To Web 迷你繁篆书
* http://font-to-web.com 
* the font designed for your website
*/
@font-face{
		font-family:"minizhuanshu";
			src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot");/*IE 9 Compat Modes*/
			src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot?#iefix") format("embedded-opentype"),/*IE6-IE8 */
			/*src: local('minizhuanshu'), 
			local('minizhuanshu'),*/       
				url("webfont/fonts/3pdwg6wqe1jpcgh.woff2") format("woff2"),
				url("webfont/fonts/3pdwg6wqe1jpcgh.otf") format("opentype"),
				url("webfont/fonts/3pdwg6wqe1jpcgh.woff") format("woff"),/*Modern Browsers*/
				url("webfont/fonts/3pdwg6wqe1jpcgh.ttf") format("truetype"),/*Safari,Android,iOS */
				url("webfont/fonts/3pdwg6wqe1jpcgh.svg#minizhuanshu") format("svg");/*Legacy iOS */
		font-weight:normal;
		font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入后切换字体 geovindu*/
}

@font-face{
	font-family:"minizhuanshu_IE";
	src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot");/*IE 9 Compat Modes*/
	src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot?#iefix") format("embedded-opentype"),/*IE6-IE8 */
		url("webfont/fonts/3pdwg6wqe1jpcgh.ttf") format("truetype");
			font-weight:normal;
		font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入后切换*/
}
@font-face{
	font-family:"minizhuanshu_IE1";
	src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot?#iefix") format("embedded-opentype");
				font-weight:normal;
		font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入后*/
}
@font-face{
	font-family:"minizhuanshu_IE2";
	src:url("webfont/fonts/3pdwg6wqe1jpcgh.eot");
			font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入*/
}
@font-face{
	font-family:"minizhuanshu_U";
	src:url("webfont/fonts/3pdwg6wqe1jpcgh.woff2") format("woff2"),
		url("webfont/fonts/3pdwg6wqe1jpcgh.woff") format("woff"),/*Modern Browsers*/
		url("webfont/fonts/3pdwg6wqe1jpcgh.ttf") format("truetype");/*Safari,Android,iOS */
				font-style:normal;/*字体样式*/
		font-display: swap; /* 先匹配到的已经能够使用的字体,字体成功载入 geovindu*/
}



	/* geovindu Geovin Du 2022-06-05
div { 
     font-size:25px;
     font-family:minizhuanshu!important; 
     font-family:minizhuanshu;
     text-align:center;
  }*/
  div#poem,div#poem h3{
     font-size:45px;
     font-family:"minizhuanshu"!important,"minizhuanshu_IE"!important,"minizhuanshu_IE1"!important,"minizhuanshu_IE2"!important;
	 font-family:"minizhuanshu_IE"!important;
	 
     font-family:"minizhuanshu","minizhuanshu_IE","minizhuanshu_IE1","minizhuanshu_IE2","minizhuanshu_U";
     text-align:center;
}

</style>

<system.webServer>
    <staticContent   lockAttributes="isDocFooterFileName">
       <remove fileExtension=".eot"/>
        <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <remove fileExtension=".ttf"/>
        <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
       <remove fileExtension=".svg"/>
        <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
        <remove fileExtension=".woff"/>
        <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
       <remove fileExtension=".woff2"/>
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
</system.webServer>

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

https://stackoverflow.com/questions/14725040/font-face-is-not-working-on-ie-browser
https://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font

<!--[if IE 11]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
<![endif] -->
<!--[if IE 7]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<![endif] -->
<!--[if IE 8]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<![endif] -->
<!--[if IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
<![endif] -->
<!--[if IE 10]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10">
<![endif] -->
<!--[if IE 11]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11">
<![endif] -->

<!---判断当前的浏览器版本启用默认的IE版本的文档模式，支持IE9 以上版本字体自定义-->

posted @ 2021-08-18 16:02 ®Geovin Du Dream Park™ 阅读(79) 评论(0) 收藏举报

®Geovin Du Dream Park™

why we only heard about haves and have-nots, but we did'nt heard about doers and doer-nots. 人生是一种心境,生活是一种艺术,成功是一种心态,幸福是一种感觉,竞争是一种建构,情感是一种容合.学习是一种成长.

css: font-face

公告