pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

CSS3 HTML5實例五(使用 @Font-Face 實現定制字體)

Web 設計中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來說宋體是唯一安全的 - 譯者),現在,使用 CSS3 的 @font-face 可以自己指定字體,不過因為牽扯到

  \

  Web 設計中有幾種字體是比較安全的,如 Arial,Helvetica, Verdana, Georgia, Comic Sans (中文的,一般來說宋體是唯一安全的 - 譯者),現在,使用 CSS3 的 @font-face 可以自己指定字體,不過因為牽扯到版權問題,實際能用的字體也是有限的 (另外,體積龐大的中文字體也是一個不好解決的問題 - 譯者)。

  語法如下:

  @font-face {

  font-family:’Anivers’;

  src: url(’/images/Anivers.otf’) format(’opentype’);

  }

  支持的瀏覽器: Firefox 3.1, Safari, Opera 10 and IE7 (需要一番周折,如果你不怕麻煩,可以在 IE 實現這個功能,請參考: make font-face work in IE )

  雖然 CSS3 尚在開發中,上面提到的這些功能已經可以在部分瀏覽器中使用了,尤其是 Safari。不幸的是,Safari 并非主流瀏覽器。

  Firefox 目前擁有大量用戶基礎,另外,即將推出的 Firefox 3.1 支持不少 CSS3 效果,因為 Firefox 用戶的升級積極性很高,因此,會有不少用戶可以提前體驗 CSS3 的新功能。

  Google Chrome 今年剛剛發布,它基于 Webkit 引擎,因此和 Safari 很相似,因為 Safari 主要用于 Mac 市場,Chrome 可以正好彌補 Windows 市場的空缺。

  根據統計數據,2008年11月止,44.2% 的用戶使用 Firefox, 3.1% 使用 Chrome, 2.7% 使用 Safari,意味著 CSS3 的部分功能已經可以支持近半 Internet 用戶,而在 Web 設計圈子,這個比例可能更高,大約有 73.6% (Blog.SpoonGraphics 提供的數據)

  6. 負面因素

  上面講述的這些 CSS3 功能會給你的網站帶來出色的效果,但仍有一些負面的因素必須考慮:

  Internet Explorer: 46% 的 Internet 無法看到這些效果,因此不要將這些東西用于重要的設計。同時保證,在這些效果不起作用的地方,有替代設計可用。

  CSS 驗證問題: 這些 CSS3 功能并非最終版本,目前不同的瀏覽器使用不同標簽實現這些功能,可能為你的 Style Sheet 帶來驗證上的問題。

  臃腫代碼: 因為不同瀏覽器要使用不同定義語法,最終將導致你的 CSS 代碼十分臃腫。

  不當的使用: 對這些效果的不當使用,可能帶來一些不良后果,陰影效果尤其如此。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

近來,HTML5和CSS3的發展速度還是很可觀的,國內外不乏一些大站,酷站都在使用最新的技術。面對新的技術,我們該如何正確的把握和使用到今后的項目實戰中呢?針對這一問題,浩子
純javascript+CSS3制作精美時鐘。該實例主要應用了CSS3中transform屬性(translate、rotate)、border-radius屬性。 CSS樣式: style type=text/css body { background: black; } .fill { position: absolute; top: 0; right: 0
CSS3動畫實例--jQuery+CSS3制作轉動的3D立方體動畫實例,該實例引用了jQuery v2.0.0插件以及velocity.min.js插件。主要應用了CSS3中transform屬性。 CSS代碼: body { background-image:radial-gradient(circle, #
一、CSS3 animation 簡介 在開始介紹Animation之前我們有必要先來了解一個特殊的東西,那就是Keyframes,我們把他叫做關鍵幀,玩過flash的朋友可能對這個東西并不會陌生。CSS3的Animation就是由
CSS3漸變背景動畫應用,嚴格來說,目前各個瀏覽器都還不支持css3的漸變背景的動畫,所以在制作的時候我們要靈活變通下,這里有兩種方法可以曲折實現漸變背景的動畫: 方法一:
隨著技術的發展,代碼在不斷的進步,進而替代一些圖片所能實現的效果,其中CSS3屬性中Box-shadow表現陰影效果是現代瀏覽器中是一個非常有用的技巧,通過它我們可以做出很多非常酷
主站蜘蛛池模板: 污水/卧式/潜水/钻井/矿用/大型/小型/泥浆泵,价格,参数,型号,厂家 - 安平县鼎千泵业制造厂 | 消电检公司,消电检价格,北京消电检报告-北京设施检测公司-亿杰(北京)消防工程有限公司 | 亿诺千企网-企业核心产品贸易 | 高压无油空压机_无油水润滑空压机_水润滑无油螺杆空压机_无油空压机厂家-科普柯超滤(广东)节能科技有限公司 | 水冷式工业冷水机组_风冷式工业冷水机_水冷螺杆冷冻机组-深圳市普威机械设备有限公司 | 安徽控制器-合肥船用空调控制器-合肥家电控制器-合肥迅驰电子厂 安徽净化板_合肥岩棉板厂家_玻镁板厂家_安徽科艺美洁净科技有限公司 | 电缆接头_防水接头_电缆防水接头 - 乐清市新豪电气有限公司 | 洁净实验室工程-成都手术室净化-无尘车间装修-四川华锐净化公司-洁净室专业厂家 | 硬度计_影像测量仪_维氏硬度计_佛山市精测计量仪器设备有限公司厂家 | PCB厂|线路板厂|深圳线路板厂|软硬结合板厂|电路板生产厂家|线路板|深圳电路板厂家|铝基板厂家|深联电路-专业生产PCB研发制造 | 托利多电子平台秤-高精度接线盒-托利多高精度电子秤|百科 | 诺冠气动元件,诺冠电磁阀,海隆防爆阀,norgren气缸-山东锦隆自动化科技有限公司 | 色油机-色母机-失重|称重式混料机-称重机-米重机-拌料机-[东莞同锐机械]精密计量科技制造商 | 贵州水玻璃_-贵阳花溪闽兴水玻璃厂| 实验室装修_实验室设计_实验室规划设计- 上海广建净化工程公司 | 台式核磁共振仪,玻璃软化点测定仪,旋转高温粘度计,测温锥和测温块-上海麟文仪器 | 硅胶管挤出机厂家_硅胶挤出机生产线_硅胶条挤出机_臣泽智能装备 贵州科比特-防雷公司厂家提供贵州防雷工程,防雷检测,防雷接地,防雷设备价格,防雷产品报价服务-贵州防雷检测公司 | 对夹式止回阀厂家,温州对夹式止回阀制造商--永嘉县润丰阀门有限公司 | 鄂泉泵业官网|(杭州、上海、全国畅销)大流量防汛排涝泵-LW立式排污泵 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 | 尾轮组_头轮组_矿用刮板_厢式刮板机_铸石刮板机厂家-双驰机械 | 成都热收缩包装机_袖口式膜包机_高速塑封机价格_全自动封切机器_大型套膜机厂家 | 北京网站建设-企业网站建设-建站公司-做网站-北京良言多米网络公司 | 深圳美安可自动化设备有限公司,喷码机,定制喷码机,二维码喷码机,深圳喷码机,纸箱喷码机,东莞喷码机 UV喷码机,日期喷码机,鸡蛋喷码机,管芯喷码机,管内壁喷码机,喷码机厂家 | SDG吸附剂,SDG酸气吸附剂,干式酸性气体吸收剂生产厂家,超过20年生产使用经验。 - 富莱尔环保设备公司(原名天津市武清县环保设备厂) | 恒温振荡混匀器-微孔板振荡器厂家-多管涡旋混匀器厂家-合肥艾本森(www.17world.net) | 智慧食堂_食堂管理系统_食堂订餐_食堂消费系统—客易捷 | 防水套管_柔性防水套管_刚性防水套管-巩义市润达管道设备制造有限公司 | 路斯特伺服驱动器维修,伦茨伺服驱动器维修|万骏自动化百科 | 高硼硅玻璃|水位计玻璃板|光学三棱镜-邯郸奥维玻璃科技有限公司 高温高压釜(氢化反应釜)百科 | 企典软件一站式企业管理平台,可私有、本地化部署!在线CRM客户关系管理系统|移动办公OA管理系统|HR人事管理系统|人力 | 渗透仪-直剪仪-三轴仪|苏州昱创百科| 电缆故障测试仪_电缆故障定位仪_探测仪_检测仪器_陕西意联电气厂家 | 国资灵活用工平台_全国灵活用工平台前十名-灵活用工结算小帮手 | 气力输送_输送机械_自动化配料系统_负压吸送_制造主力军江苏高达智能装备有限公司! | 啤酒设备-小型啤酒设备-啤酒厂设备-济南中酿机械设备有限公司 | 进口试验机价格-进口生物材料试验机-西安卡夫曼测控技术有限公司 | 真空吸污车_高压清洗车厂家-程力专用汽车股份有限公司官网 | 台式低速离心机-脱泡离心机-菌种摇床-常州市万丰仪器制造有限公司 | 东莞市踏板石餐饮管理有限公司_正宗桂林米粉_正宗桂林米粉加盟_桂林米粉加盟费-东莞市棒子桂林米粉 | 螺纹三通快插接头-弯通快插接头-宁波舜驰气动科技有限公司 |