導航:首頁 > 萬維百科 > 網頁設計如何引用文件夾的字體

網頁設計如何引用文件夾的字體

發布時間:2021-03-08 15:02:33

1、怎麼通過外部引用CSS,讓一個頁面里有多種字體效果?

很簡單哦,你知道在樣式表裡寫,比如:

.aaa { font-family:Verdana, Geneva, sans-serif}
.bbb { font-family:"宋體"}

如果你超鏈接需要2種樣式效果,可以這樣寫.
.ft01 { color: #00397f; font-size:14px; font-weight:bold}
a.ft01:link {color: #00397f;text-decoration: none;}
a.ft01:visited {text-decoration: none;color: #00397f;}
a.ft01:hover {text-decoration: underline;color: #00397f;}
a.ft01:active {text-decoration: none;color: #00397f;}

.ft02 { color: #00397f; font-weight:bold}
a.ft02:link {color: #00397f;text-decoration: none;}
a.ft02:visited {text-decoration: none;color: #00397f;}
a.ft02:hover {text-decoration: underline;color: #00397f;}
a.ft02:active {text-decoration: none;color: #00397f;}

然後用class調用樣式就可以了.

2、如何在網頁中嵌入任意字體

網頁中可以使用任何字體,我們來看一下如何在網頁中嵌入任意的字體。字體使用是網頁設計中不可或缺的一部分。經常地,我們希望在網頁中使用某一特定字體,但是該字體並非主流操作系統的內置字體,這樣用戶在瀏覽頁面的時候就有可能看不到真實的設計。美工設計師最常做的辦法是把想要的文字做成圖片,這樣做有幾個明顯缺陷:①不可能大范圍的使用該字體;② 圖片內容相對使用文字不易修改;③不利於網站SEO(主流搜索引擎不會將圖片alt內容作為判斷網頁內容相關性的有效因素)。網路上有一些使用sIFR技術、或javascript/flash hack的方法,但實現起來或繁瑣,或有缺陷。下面要講的是如何只通過CSS的@font-face屬性來實現在網頁中嵌入任意字體。第一步獲取要使用字體的三種文件格式,確保能在主流瀏覽器中都能正常顯示該字體。.TTF或.OTF,適用於Firefox 3.5、Safari、Opera.EOT,適用於Internet Explorer 4.0+.SVG,適用於Chrome、IPhone下面要解決的是如何獲取到某種字體的這三種格式文件。一般地,我們在手頭上(或在設計資源站點已經找到)有該字體的某種格式文件,最常見的是.TTF文件,我們需要通過這種文件格式轉換為其餘兩種文件格式。字體文件格式的轉換可以通過網站FontsQuirrel或onlinefontconverter提供的在線字體轉換服務獲取。這里推薦第一個站點,它允許我們選擇需要的字元生成字體文件(在服務的最後一個選項),這樣就大大縮減了字體文件的大小,使得本方案更具實用性。第二步獲取到三種格式的字體文件後源碼天空,下一步要在樣式表中聲明該字體,並在需要的地方使用該字體。字體聲明如下:@font-face {font-family: 'fontNameRegular';src: url('fontName.eot');src: local('fontName Regular'),local('fontName'),url('fontName.woff') format('woff'),url('fontName.ttf') format('truetype'),url('fontName.svg#fontName') format('svg');}/*其中fontName替換為你的字體名稱*/在頁面中需要的地方使用該字體:

3、html文件如何引用外部css文件?

答案(代碼詳情):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="D: estfont.css" rel="stylesheet" type="text/css">
</head>
<body>
這是測試,默認是黑色</p>
</body>
</html>

小提示:

在同一個文件夾裡面你就直接寫文件名font.css就行了,千萬不要用你的windows下面的文件路徑,這樣是訪問不到的。

4、如何在網頁中內嵌字體

下面要解決的是如何獲取到某種字體的這三種格式文件。一般地,我們在手頭上(或在設計資源站點已經找到)有該字體的某種格式文件,最常見的是.TTF文件,我們需要通過這種文件格式轉換為其餘兩種文件格式。字體文件格式的轉換可以通過網站FontsQuirrel或onlinefontconverter提供的在線字體轉換服務獲取。這里推薦第一個站點,它允許我們選擇需要的字元生成字體文件(在服務的最後一個選項),這樣就大大縮減了字體文件的大小,使得本方案更具實用性。
第二步獲取到三種格式的字體文件後源碼天空
,下一步要在樣式表中聲明該字體,並在需要的地方使用該字體。
字體聲明如下:
@font-face {
font-family: 'fontNameRegular';
src: url('fontName.eot');
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg');}/*其中fontName替換為你的字體名稱*/
在頁面中需要的地方使用該字體:

5、如何在HTML中使用圖標字體

首先,需要有這么個"圖標主體"庫 ,其次把這個"圖標字體"庫,引入html頁面是圖標字體庫對應的css引入html ,最後使用"圖標字體"庫 具體操作。

6、在網頁製作里 如何使用自己設計的字體?不用切圖

如果是常用字體,如 「微軟雅黑」這種基本人手都有。其他設計字體還是切成圖吧,目前還難以辦到。


7、本地的字體怎麼引用@font-face

 @font-face是什麼:
@font-face是一個css命令,用來導入伺服器端字體,將該字體文件存放到 web 伺服器上,它會在需要時被自動下載到用戶的計算機上。因此本地瀏覽器瀏覽網頁時,不需要設置字體,就可以查看@font-face設置的任何字體。
@font-face在css中使用:
@font-face的語法規則:
@font-face {
font-family: <YourWebFontName>;
src: <source> [<format>][,<source> [<format>]]*;
[font-weight: <weight>];
[font-style: <style>];
}
取值說明
1、YourWebFontName:此值指的就是自定義的字體名稱,最好是使用下載的默認字體,他將被引用到Web元素中的font-family。如「font-family:"YourWebFontName";」
2、source:此值指的是自定義的字體的存放路徑,可以是相對路徑也可以是絕路徑;
3、format:此值指的是自定義的字體的格式,主要用來幫助瀏覽器識別,其值主要有以下幾種類型:truetype,opentype,truetype-aat,embedded-opentype,avg等;
4、weight和style:這兩個值大家一定很熟悉,weight定義字體是否為粗體,style主要定義字體樣式,如斜體。

8、css如何調用外部字體,謝謝

這個目前只有支持CSS3.0的瀏覽器才能實現@font 這個....

9、怎麼在html頁面中引用自定義的字體

如何理解「自定義的字體」?
是你自己設計的字體,還是想使用非系統默認(win里的雅黑,mac里的冬青黑體)的字體?
如果是你自己設計的字體,建議使用font-face,在css里引用。
如果是使用非系統默認的字體,可以用font-family,在css里引用。

10、設置html中的字體,但有的電腦沒這樣的字體,我在網頁文件目錄中放一個這樣的樣式,可以引用該字體不?

不可以,

你沒許可權吧這個字體放到別人的操作系統盤的字體文件夾下安裝這個字體

一定想設置HTML中的特殊字體,只能把這些文字寫在一個圖片裡面,做成圖片來實現

與網頁設計如何引用文件夾的字體相關的知識