css: Web Open Font Format

時間 2020-11-30

標籤 css html web app svg 學習字體 url orm 欄目 CSS 简体版

原文原文鏈接

<!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.htmlcss

<!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.在形式主義方面，主要是知行不1、不求實效，文山會海、花拳繡腿，貪圖虛名、弄虛做假。有的不認真學習黨的理論和作好工做所須要的知識，學了也是爲應付場面，走馬觀花，淺嘗輒止，不求甚解，無意也無力在實踐中認真運用。有的習慣於以會議落實會議、以文件落實文件，熱衷於造聲勢、出風頭，把安排領導出場講話、組織發新聞、上電視做爲頭等大事，最後工做卻不了了之。有的抓工做不講實效，不下功夫解決存在的矛盾和問題，難以給領導留下印象的事不作，形不成多大影響的事不作，工做彙報或年終總結看上去不漂亮的事不作，儀式一場接着一場，總結一份接着一份，評獎一個接着一個，最後都是「客裏空」。有的下基層調研蜻蜓點水，下去就是爲了出鏡頭、露露臉，坐在車上轉，隔着玻璃看，只看「門面」和「窗口」，不看「後院」和「角落」，羣衆說是「調查研究隔層紙，政策執行隔座山」。有的明知報上來的是假狀況、假數字、假典型，也聽之任之，甚至經過挖空心思造假來粉飾太平。
</div>
<div id="poem">
2.在官僚主義方面，主要是脫離實際、脫離羣衆，高高在上、漠視現實，惟我獨尊、自我膨脹。有的對實際狀況不瞭解不關注，不肯深刻困難艱苦地區，不肯幫助基層和羣衆解決實際問題，甚至不肯同基層和普通羣衆打交道，怕給本身添麻煩，工做上敷衍塞責、推諉扯皮、得過且過。有的不顧地方實際和羣衆意願，喜歡拍腦殼決策、拍胸脯表態，盲目鋪攤子、上項目，最後拍屁股走人，留下一堆後遺症。有的對上吹吹拍拍、曲意逢迎，對下吆五喝6、橫眉豎目，門難進、臉難看、事難辦，甚至不給錢不辦事，收了錢亂辦事。有的對待上級部署囫圇吞棗、斷章取義，執行上級決定照本宣科、等因奉此，或者照貓畫虎、生搬硬套，之前怎麼作就怎麼作，別人怎麼作就怎麼作，徹底不顧本地本部門實際狀況。有的官氣十足、專斷專行，老子天下第一，一切都要本身說了算，拒絕批評幫助，容不下他人，聽不得不一樣意見。
</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>