如何讓沒有安裝網頁中所需字體的用戶也能得到一致的瀏覽效果【轉】

? ?今天給大家談一個關于字體的話題,我們在做項目的過程中會遇到一些在psd中的字體在自己的電腦中沒有安裝,或者是一些特殊的文字,通常的做法是把它切成圖片,但是如果這個站是多個語言的,那我們是不是把每個語言的都切一張圖片呢,這樣做不僅工作量很大,而且在后期維護的過程中可能會很麻煩,那我們應該怎么做呢。今天給大家介紹一種方法:
首先、
先要把所用的字體下下來,我們可能會想,把字體下下來裝到電腦上不就可以了么,事實是這樣,如果這個網站在我們自己的電腦上瀏覽可能不會出現什么問題,但是如果在沒有這個字體的電腦上瀏覽可能就會有問題了,這里我們解決的是無論這個電腦上有沒有這個字體可以正確的瀏覽這個網站。
第二、
先要打開這個地址:http://cufon.shoqolate.com/generate/?打開之后先要下載一個JS文件,點擊download下載。然后把本地的字體上傳,下面的選項設為默認,最后 let’s do this. 這時會再次下載一個js文件。
第三、
把下載的JS文件引用到HTML中。
第四、
在html中加入這段代碼:

<script type=”text/javascript”>
Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });
</script>

在這里Cufon.replace(‘h5′, { fontFamily: ‘Myriad Pro’ });的意思就是:在h5這里的文字的字體是Myriad Pro字,不過在這里的h5并不是固定的它可是其它的標簽,比如a span p等等,但是在用這些標簽的時候,我們必需在css樣式里面給它屬上一個值,這個值就是:fontfamily:’Myriad Prpo’; 也就是把他的字體給寫上去,這樣才會有效。

轉載于:https://www.cnblogs.com/beyond1990/archive/2011/06/03/2072322.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/378382.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/378382.shtml
英文地址,請注明出處:http://en.pswp.cn/news/378382.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【視覺項目】【day4】8.24號實驗記錄(消除瓶子內部“邊緣”)

思路分析以及代碼 思路1&#xff1a;使用findContours函數&#xff0c;設置輪廓為最外部RETR_EXTERNAL&#xff0c;結果發現結果仍然是所有輪廓。 思路2&#xff1a;先二值化&#xff0c;然后進行閉操作&#xff0c;然后canny&#xff0c;得到的輪廓確實比之前少很多&#xff…

operator.ne_Python operator.ne()函數與示例

operator.neoperator.ne()函數 (operator.ne() Function) operator.ne() function is a library function of operator module, it is used to perform "not equal to operation" on two values and returns True if the first value is not equal to the second val…

國產操作系統和linux 之間的關系,為何國產系統大多基于開源Linux?操作系統從0做起到底有多難?...

今年貌似是國產操作系統的“爆發”之年&#xff0c;除了老牌的銀河麒麟、中標麒麟、深度之外&#xff0c;中興近日發布了自己的“新支點”&#xff0c;華為也公開了自研的操作系統“鴻蒙”。縱觀這些國產操作系統&#xff0c;大多基于開源的Linux。那么為什么我們不可以從0開始…

away3d創建基礎view世界(基礎 一)

對于away3d可能很多人有畏懼心里&#xff0c;其實away3d沒有想象中的那么難&#xff0c;現在我就教大家創建一個簡單的view世界。 package{import away3d.containers.View3D;import flash.display.Sprite;public class Main extends Sprite{private var view:View3D;//興建一個…

operator.eq_Python operator.eq()函數與示例

operator.eqoperator.eq()函數 (operator.eq() Function) operator.eq() function is a library function of operator module, it is used to perform "equal to operation" on two values and returns True if the first value is equal to the second value, Fals…

智能車復工日記【7】:關于會車的圖像問題

目錄 系列文章更換掃線方式獲取車的輪廓車屁股所在行數確定白色球臺導致的問題5.21思考1、 關于會車地點確定如何判斷會車狀態博主聯系方式: QQ:1540984562 QQ交流群:892023501 群里會有往屆的smarters和電賽選手,群里也會不時分享一些有用的資料,有問題可以在群里多問問。…

詳解Spring 3.0 基于Annotation 的依賴注入實現

簡介&#xff1a; Spring 的依賴配置方式與 Spring 框架的內核自身是松耦合設計的。然而&#xff0c;直到 Spring 3.0 以前&#xff0c;使用 XML 進行依賴配置幾乎是唯一的選擇。Spring 3.0 的出現改變了這一狀況&#xff0c;它提供了一系列的針對依賴注入的注解&#xff0c;這…

linux如何停用xdmcp服務,如何禁用XDMCP服務

看你用到是什么linux版本&#xff0c;例如下面&#xff1a;For kdm (which comes with the KDE desktop), it is a replacement of xdm and configures the same way, except its files are in /etc/X11/kdm in Caldera/SCO, /etc/kde/kdm in Red Hat (and Fedora Core) and /u…

第一章 基礎知識

這篇博文是本人在學習《Python基礎教程 &#xff08;第3版&#xff09;》的時候所記錄下來的關鍵要點&#xff0c;書中的核心知識點也都在本篇博客中所涉及&#xff0c;需要耐心每天堅持點點滴滴學習進步 第一章 基礎知識 數和表達式 1&#xff0c;執行整除運算// 4//3 —&…

Python operator.le()函數與示例

operator.le()函數 (operator.le() Function) operator.le() function is a library function of operator module, it is used to perform "less than or equal to operation" on two values and returns True if the first value is less than or equal to the sec…

jQuery.validator

$(document).ready(function(){ /* 設置默認屬性 */$.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); // 中文字兩個字節 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length value.le…

js 第四課

正則表達式&#xff1a;RegExp對象 正則表達式描述一個字符模式的對象&#xff0c;或者說用某種模式去匹配一類字符串的一個公式。 1.創建 可以用RegExp構造函數和直接量兩種方式。正則表達式直接量被包含在一對"/"中. 1 var partern1 RegExp(\\d*); 2 …

第二章 列表和元組

第二章 列表和元組 在Python中&#xff0c;最基本的數據結構為序列&#xff08;包括列表、元組、字符串等&#xff09;&#xff08;sequence&#xff09; 列表是可以修改的&#xff0c;而元組不可以 Python支持一種數據結構的基本概念&#xff0c;名為容器&#xff08;contain…

linux下mac風格菜單欄,ubuntu 8.04 安裝mac風格菜單

ubuntu 8.04 安裝mac風格菜單發布時間:2008-07-13 00:22:22來源:紅聯作者:bindex這只是一份草案文檔&#xff0c;它可能會導致一些計算機故障。引言這份指南假定你沒有在電腦上編譯過其他程序&#xff0c;并且&#xff0c;假定你使用的是Ubuntu Gusty。1.使用deb包安裝 32位系統…

解析法實現一元線性回歸、多元線性回歸以及數據模型可視化操作

目錄【1】解析法實現一元線性回歸python列表實現利用Numpy實現利用TensorFlow實現數據和模型可視化【2】解析法實現多元線性回歸利用Numpy實現需要用到的NumPy數組運算函數數據和模型可視化繪制空間點集&#xff1a;繪制空間平面圖&#xff1a;繪制線框圖并且與散點圖對比&…

帶有示例的Python File readlines()方法

文件readlines()方法 (File readlines() Method) readlines() method is an inbuilt method in Python, it is used to get all lines from the file, the method is called with this object (current file stream/IO object) and returns all available lines in the file, w…

32位系統win2008+mssql2008 6G內存折騰紀實

十年沒搞硬件了&#xff0c;現在計算機發展到大硬盤大內存的時代了。一直都少搞服務器配置、運營&#xff0c;以前弄服務器都是普通的PC來當服務器。公司原來的一個業務系統用的是mssql2000好幾年了&#xff0c;由于業務數據越積壓越多最大的一張表已經有7000多萬條記錄了&…

case使用 上下篇

上篇 Case具有兩種格式。簡單Case函數和Case搜索函數。 --簡單Case函數 CASE sexWHEN 1 THEN 男WHEN 2 THEN 女 ELSE 其他 END --Case搜索函數 CASE WHEN sex 1 THEN 男WHEN sex 2 THEN 女 ELSE 其他 END這兩種方式&#xff0c;可以實現相同的功能。簡單Case函數的寫法相對比…

第三章 字符串

第三章 字符串% 字符串是不可變的&#xff0c;所有的元素賦值和切片賦值都是非法的 Python提供了多種字符串格式設置方法 yanyu "hello, %s I like %s age is %s" beyond ("beyond","band",23) yanyu % beyond#結果為&#xff1a;hello, bey…

【視覺項目】【day5】8.25號實驗記錄(修完BUG,28張測試圖,13個樣本,四張測試圖誤判,這比之前效果好很多了)

目錄修改完BUG后的程序以及效果優化思路&#xff0c;增強正確識別率&#xff08;待驗證&#xff09;修改完BUG后的程序以及效果 修改代碼后的測試結果&#xff1a;(利用連通域面積將明顯比本張測試圖的瓶子要小的模板提前去除&#xff0c;減少誤判) 這樣下來&#xff0c;28張測…