css: Web Open Font Format

来源：cnblogs　　作者：?Geovin Du Dream Park?　　时间：2020/11/23 11:56:25　　对本文有异议

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>字体设置</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
	<meta name="apple-moible-web-app-capable" content="yes">
	<meta name="apple-moible-web-app-status-bar-style" content="black">	
	<meta name="author" content="Geovin Du 涂聚文">
	<style>
		@font-face {
			font-family: 'fontello';
			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 */
			   url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.woff') format('woff'),						/*Modern Brosers*/
			   url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.ttf') format('truetype'),						/*Safari,Android,iOS */
			   url('http://www.dusystem.com/webfont/fonts/3pdwg6wqe1jpcgh.svg#fontello') format('svg');					/*Legacy iOS */
			font-weight: normal;
			font-style: normal;
		}
		.demo-icon {
			font-family: "fontello";	/*字体名*/
			font-style: normal;			/*字体样式*/
			display: inline-block;		/*行内块元素*/
			font-size: 42px;			/*字体大小*/
			margin-right: 5px;			/*元素的右外边距*/
		}
	</style>
</head>
<body>
	<i class="demo-icon icon-glass">geovindu</i>
	<i class="demo-icon icon-music">du</i>
	<i class="demo-icon icon-search">geovin</i>
	<i class="demo-icon icon-mail">涂聚文</i>
</body>
</html>

　demo:http://www.dusystem.com/webfont/mnfzszi.html

<!DOCTYPE>
<html>
 
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
    <meta name="apple-moible-web-app-capable" content="yes">
    <meta name="apple-moible-web-app-status-bar-style" content="black">  
    <meta name="author" content="Geovin Du 涂聚文">	
<title>微软雅黑</title>
<style type="text/css">
 
/**
* Font To Web 微软雅黑 WIN7以上版本自带这种字体
* the font designed for your website  Geovin Du
*/
@font-face{
		font-family:'YaHei'; /*微软雅黑*/
			src:url('./Microsoft-YaHei.eot');  /*当前文件夹*/
			src:url('./Microsoft-YaHei.eot?#iefix') format('embedded-opentype'),
			/*src: local('YaHei'), 
			local('YaHei'),       */       
				url('./Microsoft-YaHei.woff') format('woff'),
				url('./Microsoft-YaHei.ttf') format('truetype'),
				url('./Microsoft-YaHei.svg#YaHei') format('svg');
		font-weight:normal;
		font-style:normal;
}
      div { 
        font-size:25px;
     font-family:YaHei!important;
     text-align:center;
  }
  div#poem,div#poem h3{
     font-size:45px;
     font-family:YaHei!important;
     text-align:center;
}
 
</style>
</head>
 
<body>
<div id="poem">
我爱中华人民共和国,我爱!我爱我的家乡!<br/>
1.在形式主义方面，主要是知行不一、不求实效，文山会海、花拳绣腿，贪图虚名、弄虚作假。有的不认真学习党的理论和做好工作所需要的知识，学了也是为应付场面，蜻蜓点水，浅尝辄止，不求甚解，无心也无力在实践中认真运用。有的习惯于以会议落实会议、以文件落实文件，热衷于造声势、出风头，把安排领导出场讲话、组织发新闻、上电视作为头等大事，最后工作却不了了之。有的抓工作不讲实效，不下功夫解决存在的矛盾和问题，难以给领导留下印象的事不做，形不成多大影响的事不做，工作汇报或年终总结看上去不漂亮的事不做，仪式一场接着一场，总结一份接着一份，评奖一个接着一个，最后都是“客里空”。有的下基层调研走马观花，下去就是为了出镜头、露露脸，坐在车上转，隔着玻璃看，只看“门面”和“窗口”，不看“后院”和“角落”，群众说是“调查研究隔层纸，政策执行隔座山”。有的明知报上来的是假情况、假数字、假典型，也听之任之，甚至通过挖空心思造假来粉饰太平。
</div>
<div id="poem">
2.在官僚主义方面，主要是脱离实际、脱离群众，高高在上、漠视现实，唯我独尊、自我膨胀。有的对实际情况不了解不关注，不愿深入困难艰苦地区，不愿帮助基层和群众解决实际问题，甚至不愿同基层和普通群众打交道，怕给自己添麻烦，工作上敷衍塞责、推诿扯皮、得过且过。有的不顾地方实际和群众意愿，喜欢拍脑袋决策、拍胸脯表态，盲目铺摊子、上项目，最后拍屁股走人，留下一堆后遗症。有的对上吹吹拍拍、曲意逢迎，对下吆五喝六、横眉竖目，门难进、脸难看、事难办，甚至不给钱不办事，收了钱乱办事。有的对待上级部署囫囵吞枣、断章取义，执行上级决定照本宣科、等因奉此，或者照猫画虎、生搬硬套，以前怎么做就怎么做，别人怎么做就怎么做，完全不顾本地本部门实际情况。有的官气十足、独断专行，老子天下第一，一切都要自己说了算，拒绝批评帮助，容不下他人，听不得不同意见。
</div>
<div id="poem">
3.在享乐主义方面，主要是精神懈怠、不思进取，追名逐利、贪图享受，讲究排场、玩风盛行。有的意志消沉、信念动摇，奉行及时行乐的人生哲学，“今朝有酒今朝醉”，“人生得意须尽欢”。有的追求物质享受，情趣低俗，玩物丧志，沉湎花天酒地，热衷灯红酒绿，纵情声色犬马。有的拈轻怕重，安于现状，不愿吃苦出力，满足于现有学识和见解，陶醉于已经取得的成绩，不立新目标，缺乏新动力，“清茶报纸二郎腿，闲聊旁观混光阴”。
</div>
<div id="poem">
4.在奢靡之风方面，主要是铺张浪费、挥霍无度，大兴土木、节庆泛滥，生活奢华、骄奢淫逸，甚至以权谋私、腐化堕落。有的修建豪华气派的办公大楼，甚至占地上百亩、耗资几个亿，搞得富丽堂皇，吃喝玩乐一应俱全。有的热衷于造节办节，节庆泛滥成灾，动辄花费几百万、几千万，劳民伤财啊!有的热衷于个人享受，住房不厌其大其多，车子不厌其豪华，菜肴不厌其精美，穿戴讲究名牌，对超出规定的生活待遇安之若素，还总嫌不够。有的要求超规格接待，住高档酒店，吃山珍海味，喝美酒佳酿，觥筹交错之后还要“意思意思”。有的兜里揣着价值不菲的会员卡、消费卡，在高档会馆里乐不思蜀，在高级运动场所流连忘返，在名山秀水间朝歌夜弦，在异国风情中醉生梦死，有的甚至到境外赌博场所挥金如土啊!有的作风不检点，甚至道德败坏、生活放荡，不以为耻、反以为荣。
</div>
<div id="poem">
--在党的群众路线教育实践活动工作会议上的讲话 
(2013年6月18日)
</div>
 
<div id="poem">
4个层面25个重点问题和突出表现。他说：从市县领导班子和领导干部看，有的搞形象工程、政绩工程，换一任领导变一套思路，负债累累，寅吃卯粮，只顾眼前，不顾长远；有的有令不行、有禁不止，搞上有政策下有对策，合意的就执行，不合意的就打折扣搞变通；有的拍脑瓜决策，搞一言堂，容不下他人，听不得不同意见；有的不敢担当，不愿负责，当太平官、逍遥官；有的心浮气躁，跑官要官，到处拉关系、找门路、搭天线；有的组织观念淡薄，纪律松弛，信口开河，口无遮拦；有的玩心很重，玩风很浓，吃喝玩乐，文恬武嬉，花天酒地，乐此不疲；有的以改善接待条件之名，大建楼堂馆所，总统套房金碧辉煌，烟柳画桥，风帘翠幕，最后是自己受用；有的欺压群众，弱视民生，甚至以权谋私，弄权贪腐，巧立名目，敛财牟利等等。从市县直属单位看，有的办事拖拉，推诿扯皮，浑浑噩噩的混日子，上班时间斗地主、嗑瓜子、玩手机、逛淘宝；有的甚至随意离开工作岗位，外出溜达消闲；有的作风漂浮落实不力，工作底数不清，基层情况不明，唱功好做功差；有的服务不主动、不作为、慢作为，只求过得去不求过得硬；有的工作“中梗阻”，对上级交代的任务找客观原因顶着不办，对群众要办的事情找各种理由拖着不办等等。从执法监管部门和窗口单位、服务行业看，有的门难进、脸难看、事难办，口号响当当、服务冷冰冰、办事慢腾腾，尤其是普通群众办事难上加难；有的吃拿卡要、雁过拔毛，乱收费、乱罚款、乱摊派，甚至收回扣、拿红包；有的懒政现象突出，出工不出力，懒懒散散，不下基层、不联系群众，迟到早退现象严重；有的滥用职权，搞权力寻租，利益输送，借权营生；有的执法不公，搞选择性执法、随意性执法，办关系案、人情案、金钱案等等。从乡镇、街道和村、社区等其他基层组织看，有的不关心群众冷暖，责任心不强，坐等上门多，主动问需少，用上网代替上门，用通话代替见面，遇到矛盾绕道走；有的落实惠民政策缩水走样、机械执行、死板操作，好事办不好；有的工作不专心，在位不在岗，天天走读，有事找不着人，领导职责空置；有的弄虚作假、欺上瞒下，哄骗上级，糊弄群众；有的方法简单粗暴，对待群众态度恶劣，随意训斥，通不通三分钟，再不通龙卷风；有的软弱涣散，服务群众意识和能力不强，办事不公；有的侵犯群众利益，克扣群众财物，个别地方的党政单位、干部拖欠群众的钱款，打白条、耍赖账等等。 
</div>
<br/><div id="poem">
--在党的群众路线教育实践活动第一批总结暨第二批部暑会议上的讲话 
(2014年1月20日)
</div>
</body>
 
</html>