導航:首頁 > 萬維百科 > 網站標題好看字體設計

網站標題好看字體設計

發布時間:2021-02-15 08:57:05

1、html網頁的字體怎麼設置好看

想用CSS設置字體樣式,首先得了解CSS 字體屬性,CSS 字體屬性可以定義文本的字體系列、大小、加粗、風格(如斜體)和變形(如小型大寫字母)。
如下:
font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。
font-family 設置字體系列。
font-size 設置字體的尺寸。
font-size-adjust 當首選字體不可用時,對替換字體進行智能縮放。(CSS2.1 已刪除該屬性。)
font-stretch 對字體進行水平拉伸。(CSS2.1 已刪除該屬性。)
font-style 設置字體風格。
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 設置字體的粗細。
如果你希望文檔使用一種字體可以這樣
body {font-family: sans-serif;}
指定字體系列,如下,這樣所有h1標簽裡面的字體就定義好了
h1 {font-family: Georgia;}
其中他們優先順序是 h1>body
注意:如果讀者沒有安裝 Georgia字體,會默認為其他字體,如果您對字體非常熟悉,也可以為給定的元素指定一系列類似的字體。要做到這一點,需要把這些字體按照優先順序排列,然後用逗號進行連接:
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一個 font-family 屬性放在 HTML 的 style 屬性中,則需要使用該屬性本身未使用的那種引號如:
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字體風格
font-style 屬性最常用於規定斜體文本。
該屬性有三個值:
•normal - 文本正常顯示
•italic - 文本斜體顯示
•oblique - 文本傾斜顯示
實例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字體變形
font-variant 屬性可以設定小型大寫字母。
小型大寫字母不是一般的大寫字母,也不是小寫字母,這種字母採用不同大小的大寫字母。
實例
p {font-variant:small-caps;}
字體加粗
font-weight 屬性設置文本的粗細。
使用 bold 關鍵字可以將文本設置為粗體。
關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別,那麼這些數字就直接映射到預定義的級別,100 對應最細的字體變形,900 對應最粗的字體變形。數字 400 等價於 normal,而 700 等價於 bold。
如果將元素的加粗設置為 bolder,瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反,關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。
實例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字體大小
font-size 屬性設置文本的大小。
有能力管理文本的大小在 web 設計領域很重要。但是,您不應當通過調整文本大小使段落看上去像標題,或者使標題看上去像段落。
請始終使用正確的 HTML 標題,比如使用 <h1> - <h6> 來標記標題,使用 <p> 來標記段落。
font-size 值可以是絕對或相對值。
絕對值:
•將文本設置為指定的大小
•不允許用戶在所有瀏覽器中改變文本大小(不利於可用性)
•絕對大小在確定了輸出的物理尺寸時很有用
相對大小:
•相對於周圍的元素來設置大小
•允許用戶在瀏覽器改變文本大小
注意:如果您沒有規定字體大小,普通文本(比如段落)的默認大小是 16 像素 (16px=1em)。
使用像素來設置字體大小
通過像素設置文本大小,可以對文本大小進行完全控制:
實例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}

2、網頁設計英文標題用什麼字體呀急!

建議用比較常用的英文字體,例如Arial、Tahoma等。常用字體在大部分人的系統上都有,這樣才能保證大家看到的頁面效果一致,也就是你當初設計的效果

3、【網頁設計】網站的字體排版怎麼才能好看

中文網頁,通用宋體,亮點標題標記用「微軟雅黑」,中英文字體樣式都寫上。方便解析。

4、製作網頁用什麼字體好?

Helvetica: 被評為設計師最愛的字體,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字體,在Windows下由於Hinting的原因顯示很糟糕。

Arial: Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常

Lucida Family: Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。

Verdana: 專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。

Tahoma: 也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

Trebuchet MS: 為微軟設計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。

Serif

Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。

Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。

中文不熟,拋磚引玉:

中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。

微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。

華文細黑:Mac下的默認中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。



5、網頁設計中最常用的字體有哪些

字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用arial字體。常用的字型大小大小有以下幾種:12px、14px、16px,但是不是絕對的,可以根據需求進行調整,但是字型大小規格不宜太多,會給人一種混亂的感覺,要注意層次的區別,或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體,比如方正系列,會涉及到版權,謹慎使用。

6、急急,有哪些字體比較適合做標題字

字體家網頁鏈接有很多字都可用做標題可以去看看。

7、設計一些中國風、中國文化類的網站banner,大字標題。在字體網上找了找,很多都不適合。大家給個推薦唄^-

如何設計網頁

網頁設計的理解,很多人似乎仍停留在網頁製作的高度。這只要網頁製作軟體,網頁設計將能夠做一個很好的工作......

網頁設計的理解,很多人似乎仍停留在網頁製作的高度。良好的使用網頁製作軟體,在網頁設計中,你可以做一個很好的工作。
事實上,網頁設計是一個復雜的過程相結合的感性思維和理性的分析,它的方向取決於設計的任務,它的實現依賴於生產的網路。所謂「功夫在詩外」的網頁設計是最重要的,是不是該軟體的應用,但我們的理解是,網頁設計,以及設計水平的美容和把握我們自己的感覺頁面上。
首先,我們要弄清楚網頁設計的任務。

設計任務

設計是一種審美活動,成功的設計一般都是藝術。但是,藝術設計的手段,而不是設計任務。設計任務是實現設計師的意圖,而不是美國的創造。的
任務的主題設計網頁設計,顯示和實現的功能。性質的網站,設計任務。形式上,該網站可以分為以下三類。
信息類網站,如新浪,網易,搜狐等門戶網站。這類網站會為遊客提供了大量的信息,大量的訪問。因此需要注意分割的頁面,在頁面的優化結構的合理性,界面親和等問題。
第二類是組合的信息和圖片的網站,像一些較大的公司,國內高校。這樣的網站需要更高的設計,無論是上面的要求,以確保該信息類的網站上,同時突出業務單位的形象。然而,在尊重現狀,這樣粗製濫造的嫌疑人。
第三類是類網站,如小型和中型公司或單位的形象。這類網站一般都比較小,而其他的幾頁,需要實現簡單,網頁設計,其主要任務是突出企業形象。這樣的網站需要更高層次的藝術設計師。
當然,這僅僅是從整體的角度來看,具體情況還要具體分析。必須區別對待不同的網站。不要忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。
明確設計任務,未來在治安,是如何完成這個任務。

旨在實現設計可分為兩個部分。第一部分是計劃和草圖的繪制,這一部分可以在紙上完成。第二部分是頁面的生產,這個過程是在計算機上完成。
設計首頁的第一步是設計的布局。 Page作為傳統報紙和雜志編輯文本,圖像,甚至動畫是,我們需要做的工作是最合適的方式,以圖片和文字排放在不同地點的頁面。除了有一個良好的配置的電腦,軟體是必需的。不能簡單地說是好還是壞,只要他們覺得方便,攜帶方便,可以被稱為一個優秀的軟體設計師使用的軟體。當然,它應該是能滿足要求的設計師。筆者使用的軟體是Macromedia的Dreamweaver,Fireworks會,快閃記憶體,Adobe公司的Photoshop,ImageReady中,這些都是很好的軟體。接下來,我們需要做的就是通過軟體的使用,設計的藍圖變為現實,最終的集成一般是在Dreamweaver中進行。雖然我們在草圖上的頁面,輪廓,但通常在生產過程中產生的靈感。設計工作必須有創意,這是一個基本的要求,創造性的設計失敗。在生產過程中,我們會遇到許多問題,包括最敏感的頁面的顏色。

三,使用的顏色

顏色是一件奇怪的事情,這是一個美麗富饒的,它能喚起人的靈魂感知。一般來說,紅色是火的顏色,熱情,奔放,也是血液的顏色,象徵著生命。黃色是明度的顏色,顯得華麗,高貴,明快。綠色是自然植被的顏色,意味著純自然和生長,象徵著和平的和平與安全,如綠色食品。紫色是象徵著高貴,尊嚴感。白色給人以純潔與清白的感覺,表示和平與聖潔。
我們知道,顏色是所產生的光的折射,紅色,黃色和藍色的三基色,其他顏色可以調和這三種顏色。另一種思路,我們可以改變顏色,光線和陰影的影響,這無疑將使我們的工作更貼近現實。
顏色代表不同的情緒有不同的象徵意義。這些符號的意義是一個復雜的問題中,人們交流思想,它是人的年齡,地域,年齡,種族,階級,經濟地區,工作能力,教育水平,風俗習慣,宗教信仰,生活,環境,性別差異有所不同不同。的
純凈的色彩和實際意義和不同顏色的,它的表現也不同。如綠色和金色,臉色蒼白,優雅,舒適的氣氛。藍色和白色的混合,體現柔順,優雅,浪漫的氣氛。紅色和金黃色,渲染節日氣氛。黃金和栗色的組合將帶來的溫暖。設計不同的任務,也將是一個不同的配色方案。考慮到適應性的頁面,你應該盡量使用網頁安全色。
但色彩的運用,也沒有一定的規則,如果你必須使用一個規則來台,效果將適得其反。的經驗,我們可以確保一個表現的主題的主色調,然後才能完成,具體的近似色彩和對比度的整個頁面的配色方案的應用程序的需求。整個頁面應該是一個整體,在視覺上,以達到和諧,賞心悅目的視覺效果。

四種形狀的組合

網頁設計,我們主要是通過視覺傳達主題。視覺傳達,造型是一個非常重要的元素。拋去圖表或文字,在屏幕上的所有元素可以統一的基本元素點,線,面要處理的圖片。一部成功的作品,需要點,線,面常見的混合和匹配,以構建整個頁面。
通常相結合的技術,我們可以使用有序,比例,平衡,對稱,連續,間隔,重疊,重復,交叉,節奏,韻律,歸納,變異,特寫,反射,等等,都有各自的特點。設計時,應根據具體情況,選擇最適合的表現手法,這是一個很好的表現的主題。
由點,線,面結合,可以突出顯示在頁面上的重要元素,突出主題的設計,以提高審美,讓觀眾感受美的過程,了解設計的主題,為了實現設計任務。
巧妙地使用的形狀不帶來極大的美感,但可以突出企業形象,並組織能夠有機的頁面上的元素,它甚至可以引導觀眾的注意力。

五個設計原則

設計原則,在畫面中的元素的組合不管用什麼方法,一定要遵循五大原則:統一性,連貫性,分割,對比與和諧。
統一意味著設計工作的完整性,一致性。不要在孤立分散的各個組成部分的設計,設計工作的整體效果是至關重要的,它會在屏幕上顯示的枝晶弄得凌亂的效果。
連貫性,是簡單的頁面之間的關系更多的關注。設計中應使用的各個組成部分的內在聯系的內容和表現的正式相互呼應,並注意整個頁面設計風格的一致性,視覺和心理上連貫的,使整個頁面設計非常和諧,如果一舉。
拆分,頁面劃分成若干小塊,小塊之間視覺上不同的,所以你可以讓觀眾一目瞭然。通常在量的信息,以便觀眾可以清楚地看到,我們必須注意到在屏幕上,有效地拆分。該部門不僅是需要的表現形式。從另一個角度看,也可以被視為分裂的網頁的內容作為分類匯總。
對比的是通過矛盾和沖突,使設計更活潑。對比的方式很多,例如:多用,彎曲和伸直,強與弱,長,短,厚,薄,疏與密,虛與實,主,子,黑色和白色的,動態的,靜態的,美和醜陋,凝聚力和分散,等。應謹慎使用對比對比太強烈時,容易破壞影響美觀統一。
和諧是整個頁面,在美國,無縫的法律。如果一個設計作品就像混合的顏色,形狀,線條等,然後工作將不僅是沒有意義的生活,但也不可能傳達視覺設計特點。和諧不僅取決於結構形式,以及是否看視覺效果的作品,可以形成一個溝通與人的視覺感知,心靈的共鳴。這是關鍵的成功的設計。

六頁的優化

頁面優化的網頁設計是一個比較重要的方面。它的成功與否會影響頁面的瀏覽速度和頁面的適應性,影響瀏覽者對網站的印象。
IT類網站中,文字是最大的組成部分頁面元素的字體,優化顯得尤為重要。 CSS樣式表中指定的文字樣式是必要的,我們通常會指定為Times New Roman字體,大小指定為12px的顏色不同的背景顏色,在原則上,能夠看到整個頁面搭配和諧為准。我們通常使用黑白色背景上的,這是不容易產生視覺疲勞,可以保證觀眾更長的一段時間,瀏覽網頁。
圖片是在頁面中的一個重要組成部分。圖片優化,可以保證瀏覽質量的前提下,它的大小到最低限度,這樣就可以成倍地提高網頁的下載速度。使用的Photoshop6或Fireworks4圖片,可以切成小塊,進行了優化。輸出格式為gif或jpeg,根據具體情況而定。一般情況下,我們有更復雜的顏色變化優化JPEG和優化為gif,這是由這兩種格式的特點的彩色卡通風格的裝飾,只有簡單的塊件。
(表)是一個重要的頁面元素的頁面布局的主要手段。我們可以設置表格的寬度,高度,邊框,背景顏色,對齊參數。在許多情況下,我們將表的邊界被設置為0,為了找到該頁面中的元素,或由此來確定頁面中的每個元素的相對位置。我們知道:讀網頁的HTML源代碼瀏覽器,讀取整個表之前,它顯示。如果表中包含多個子表必須有其他大表的讀數,可顯示的子窗體。一些網站的訪問,等待沒有結果,按「停止」按鈕,但顯示的頁面是因為這個原因。因此,在設計頁面形式,我們應該盡量避免所有的元素嵌套在一個表中,並形成一個嵌套的層次結構,嘗試少。使用Dreamweaver製作網頁,在每個td自動添加一個空字元。 「如果不與其他元素在細胞內的填充,NULL字元將被保留了TD的寬度或高度中指定的源代碼,將其刪除。
網站的適應能力是非常重要的,在不同的系統,不同解析度,不同的瀏覽器,我們會看到不同的結果,所以整體考慮來設計的。一般來說,我們創建網頁,在800 * 600 800 * 600的解析度,在其他情況下,只要基本上是相同的,而不是更大的問題,最好的還。
說了這么多,只是想幫人做網頁設計,我希望,當他們正在做的一個頁面,從整體看,不愧為「設計」這個詞。

8、現在網站標題或是標志最流行的字體是什麼?

你說復的是網站LOGO吧!
根據制企業標志、企業文化來定,沒有固定的字體和標准。適合的、美觀大方的就是需要的。
網站頁面多採用宋體、黑體,現在也越來越多的使用微軟雅黑。

可以看看百度、搜狐、網易、淘寶、騰訊每個都用的是不同字體

9、怎麼把網頁標題設計成自己喜歡的藝術字格式呢?

如果是網站主休內容部分的標題,可以使用圖片來製作.如果你所說的標題是測覽器標題欄上的標題,那是沒辦法用特殊字體的.

10、網站設計中的字體設計的技巧有哪些?

一、選擇哪一種字體。一般來說,頁面的字體選擇宋體比較多,並且宋體也很常見。盡量不要使用一些生僻詞、罕見字。很多的用戶終端並沒有那麼多的字體,當用戶在瀏覽網站時可能會顯示亂碼,從而影響用戶體驗,但是要注意一個問題,操作系統不一樣,字體也不一樣。因此,在字體設計的時候,選擇常見的這樣效果也會比較好。

傾巢網路

二、設計字體的顏色。一般來說,文章的背景是白色的,使用黑色的字體。因此,設計頁面的時候,一般都使用黑色或者是淺灰色作為字體的顏色,比較方便瀏覽,用戶也可以接受。如果不是創意類網站,不建議使用鮮亮的顏色。

三、字體大小的設計。頁面設計過程中,字體的大小設計也是影響用戶體驗的一個重要要素。太大或者太小都會影響網站的用戶體驗,頁面設計的時候可以結合位置設置字體的大小。文章的標題字體較大,正文的字體就應該比較小。

四、特殊字體的使用。頁面設計的時候,有些網站想要使用一些比較特殊的字體來突出網站風格,這里建議將特殊字體設計成圖片添加在頁面中,這樣就可以保證用戶在瀏覽的網站的時候看到不一樣的效果,而不會因為字體的特殊性影響網站的整體效果

與網站標題好看字體設計相關的知識