Font chữ tiếng Việt đẹp-Phông chữ tiếng Việt-Phong chu Vietnam-Fontchu.com blog http://fontchu.com/blog Font tiếng Việt-Download phông chữ tiếng Việt-Phong chu Viet-Kiến thức font tiếng Việt-Demo font chữ tiếng Việt-Blog font chữ của Fontchu.com Sat, 21 May 2011 13:06:25 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Hướng dẫn cách tùy biến font trên website http://fontchu.com/blog/2011/05/huong-dan-cach-tuy-bien-font-tren-website/ http://fontchu.com/blog/2011/05/huong-dan-cach-tuy-bien-font-tren-website/#comments Fri, 20 May 2011 06:01:38 +0000 admin http://fontchu.com/blog/?p=186 Bạn vào nhiều website thấy có nhiều font chữ lạ, độc đáo được trình bày ngay tại website đó(tại heading) mà không dùng ảnh. Bạn tự hỏi làm thế nào để có thể tùy biến font được như vậy? Bài viết này sẽ giới thiệu những cách phổ biến nhất để tùy biến font trên website sử dụng Google Font, Cufont…

Tùy biến font chữ trên web sử dụng Google Font

Không cần tải về và lưu font ở server của mình, không cần quá lo lắng về việc hiển thị, với Google Font API, công việc rất đơn giản: Tìm font fonts” target=”_blank”>trong thư viện, copy link vào trong phần head của website và sử dụng nó!

Ví dụ:

<head>
<link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
<style>
h1 { font-family: 'Calligraffitti', arial, serif; }
</style>
</head>

Google Font hiển thị tốt cả trên các trình duyệt IE. Với cách sử dụng rất đơn giản này, chúc các bạn sẽ có nhiều website đẹp hơn với font chữ được tùy biến.

Nguồn bài viết: http://ntuts.com/huong-dan/tuy-bien-font-tren-web-voi-google-font-api

Tùy biến font chữ trên web sử dụng Cufont:

Bước 1 – Tạo font:

Trước hết, bạn cần download cufon, và sử dụng công cụ generator của Cufón để tạo và tùy biến cách mà font được thể hiện. Tôi rất ấn tượng với các lựa chọn mà Cufón cung cấp khi tạo font. Sau khi tạo xong bạn sẽ có được link download file javascript với các thông tin về font mà Cufón có thể đọc nó. (Ở đây tôi dùng font Comfortaa)

tuy bien font
Bước 2: Thêm vào website

Thêm Cufón và font bạn vừa tạo vào website

Theo tôi bạn không nên chọn thay thế quá nhiều text trên website (nó sẽ tốn nhiều tài nguyên của client) mà chỉ nên chọn cho các tiêu đề chính. Để thay thế bạn thêm vào đoạn mã sau:

<script type=”text/javascript”>
Cufon.replace(‘#cufon-area h2, #cufon-area h3′);
</script>

Như vậy, các thẻ h2, h3 đã được áp dụng font chữ tùy biến.

Nguồn bài viết: http://ntuts.com/huong-dan/thay-the-font-su-dung-cufon

Chúc bạn thiết kế những website đẹp dựa trên hướng dẫn tùy biến font trên đây!

Từ khóa tìm kiếm:

cufon tieng viet, font tren web, tao font chu tieng viet, cach su dung font chu, hướng dẩn làm font chữ, font web, font chu cho web, cach tim font chu, font chu tren web, font chu web, font website, FONT TIẾNG VIỆT CHO WEB, font chu trong web, web tao font chu, font chu website, font chu doc, font tren website, cufon font tiếng việt, hướng dẫn cufont, huong dan tao phong chu]]> http://fontchu.com/blog/2011/05/huong-dan-cach-tuy-bien-font-tren-website/feed/ 0 25 Fonts For Web-Design http://fontchu.com/blog/2009/04/25-fonts-for-web-design/ http://fontchu.com/blog/2009/04/25-fonts-for-web-design/#comments Sun, 19 Apr 2009 05:57:37 +0000 admin http://fontchu.com/blog/?p=173 An incredible showcase of 25 great sans-serif fonts. Every font is available free of charge for non-commercial use:

1)  Estrya’s Handwriting

Estrya__s_Handwriting_by_Jellyka

2) Grey Magus

Grey_Magus_by_angelusconna

3) RaiElegant.TTF

rai.ttf

4) Secret

Believe_by_mindwentdark

5) 18th century handwriting font

18th_century_handwriting_font_by_Jantiff_Stocks

6) Universal Fruitcake

font_sample

7) Colaborate

font_sample (1)

8) MUSEO – SANS

font_sample (2)

9) PT SANS

font_sample (3)

10) MONIKA

font_sample (4)

11) Ballpark

font_sample (5)

12) ArtBrush

font_sample (6)

13) BEBAS

font_sample (7)

14) Existence Light

font_sample (8)

15) MOLOT

font_sample (9)

16) Fertigo Pro

font_sample (11)

17) UglyQua

font_sample (12)

18) Gentium Basic

font_sample (13)

19) BONVENOCF

font_sample (14)

20) LUXI Sans

font_sample (16)

21) UBUNTU Titling

font_sample (17)

22) Learning Curve Pro

font_sample (18)

23) Aquiline

font_sample (19)

24) BURNSTOWN DAM

font_sample (21)

25) Joyce

My_Handwriting_Font_by_Joicetotheworld

Từ khóa tìm kiếm:

font chu design, font vni design, Font for web design, phong chu design, handwriting font, font web design, BeliEve, font Fertigo, fonts for web design, graffiti font bộ 25 font graffiti, handwriting, font handwriting 18 unicode, font vni for design, font vni design dep, kieu chu dep grafiti, font chữ handwriting, handwriting 18 unicode, web design font unicode, font web đẹp, web design font]]> http://fontchu.com/blog/2009/04/25-fonts-for-web-design/feed/ 1 Incredible Typographic Portraits http://fontchu.com/blog/2009/04/incredible-typographic-portraits/ http://fontchu.com/blog/2009/04/incredible-typographic-portraits/#comments Sun, 12 Apr 2009 17:27:06 +0000 admin http://fontchu.com/blog/?p=168

Original post Click here

Obama Posters

Obama Poster 1
Obama Poster 2
Obama Poster 3
Obama Poster 4
Obama Poster 5
Obama Poster 6

Well, you have seen nothing yet!!! Look at these amazing typographic faces.

Poster 1
Poster 2
Poster 3
Poster 4
Poster 5
Poster 6
Poster 7

Từ khóa tìm kiếm:

poster, kieu chu graffiti, poster chữ, font posters, font portraits, tieng Viet typography, poster typography, poster font chu, typography đẹp, poster font, graphics typographics images, typographic portraits, typographics, typographics images]]> http://fontchu.com/blog/2009/04/incredible-typographic-portraits/feed/ 0 40 Creative Typefaces http://fontchu.com/blog/2009/04/40-creative-typefaces/ http://fontchu.com/blog/2009/04/40-creative-typefaces/#comments Sat, 11 Apr 2009 21:01:45 +0000 admin http://fontchu.com/blog/?p=165 Original post: Click here

Destructive Vintage TyPO experiment

Rolka

Six Degree

Eyelash Typeface


viki font

Typo-graphic Dope

Cubic

Colo

Cube

Smoke + Type

Blou

in Love

isometrica / type experiment

Cellula Font

Toast Font

PVC Pipe font

Hirsute

A1 paper cut illustration

Exablock

mambo

Dealer

Knife

Pinza

romantique


MadPacman Font


Akimoto typeface

Highheel Typeface

font-family: Century Schoolbook,Georgia,sans-serif;”>Hairy 5ive Type

Blossomwell

“God Leave Me Alone” typography

Water Weight

Hoax

Mari typeface

Chumbitos

NUMEROBOTS FONT

Blue Plastic Cup Font


A4

NRC Next.One

Money Typography

Kvant

Từ khóa tìm kiếm:

vintage, papercut font, paper cut, paper font, vietnamese typefaces, top fonts đẹp, plastic font, vietnamese typeface, script fonts viet nam, creative font, phong chu abc, bo chu dep ( typography ), pinza typeface download, vietnam font unicode, chu typo, graffiti font styles rolka, smoke font, dowload font vncentury schoolbookh, download font didot tieng viet, didot font]]> http://fontchu.com/blog/2009/04/40-creative-typefaces/feed/ 0 Drawing with Typography http://fontchu.com/blog/2009/04/drawing-with-typography/ http://fontchu.com/blog/2009/04/drawing-with-typography/#comments Wed, 08 Apr 2009 06:34:24 +0000 admin http://fontchu.com/blog/?p=161 Từ khóa tìm kiếm:typography font]]>

Get Adobe Flash player

Từ khóa tìm kiếm:

typography font]]> http://fontchu.com/blog/2009/04/drawing-with-typography/feed/ 0 100 Typography Resources http://fontchu.com/blog/2009/03/100-typography-resources/ http://fontchu.com/blog/2009/03/100-typography-resources/#comments Tue, 31 Mar 2009 04:18:12 +0000 admin http://fontchu.com/blog/?p=159 Lists of Great Fonts:

50 Incredible Fonts for Professional Web & Print Design –noupe

75+ Excellent Free Fonts For Professional Design – Tripwire magazine

40+ Excellent Freefonts for Professional Design – Smashing Magazine

80 Beautiful Typefaces for Professional Design – Smashing Magazine

60 Brilliant Typefaces for Corporate Design – Smashing Magazine

30 Fonts that All Designers Must Own – Just Creative Design

Most Popular Free Quality Fonts – Tech Magazine

Great Fonts for Web 2.0 – Modern Life is Rubbish

13 Typefaces Every Graphic Designer Needs – David Airey

25 Best Free Quality Fonts – Vitaly Friedman

21 Most Used Fonts By Professional Designers –DKumar m

Download Fonts:

1001 Free Fonts - 1001 free fonts

Dafont – One of the most popular sources of free fonts

Urban Fonts – More than 8,000 fonts to choose from

Better Fonts – Over 10,000 free fonts

Fawnt – Over 9,000 fonts

RFonts.com – Hundreds of fonts categorized by style

FlashDen – Commercial pixel fonts

Font Freak – 5,000 free fonts and 25,000 commercial fonts

High Fonts – 3,000 free fonts, 25,000 commercial fonts

Better Fonts – 10,000 fonts and counting

Abstract Fonts – 10,000 free fonts

Daily Free Fonts – Thousands of free fonts

SearchFreeFonts – 13,000 free fonts and more that can be purchased

1001 Free Fonts – Nicely categorized

1001 Fonts – Free fonts by category

File Cart – Over 9,000 free fonts

Acid Fonts – Categorized free fonts

Absolute Fonts – Almost 7,000 fonts

The Font Pool – Over 40,000 fonts

Type Now – Currently 6,846 fonts

SimplyTheBestFonts – A lot of different categories to choose from

Fonts 500 – The web’s top 500 free fonts

FontCubes – Over 9,000 free fonts

Free Mac Fonts – Over 6,000 fonts for Macs

WebPagePublicity – Over 6,000 fonts

Phil’s Fonts – Commercial

Fonts for Flash – Commercial

Font Garden – 1,500 fonts not very well categorized

2200FreeFonts – Not categorized

ShowFont – 10,000 fonts only in alphabetical order

GetFreeFonts.info – 2,500 fonts in alphabetical order

Creamundo – Almost 10,000 fonts, but difficult to find what you want

Tools:

Font Tester – View and compare fonts easily

TypeTester – An easy way to compare fonts on-screen

CSSTYPE – Another useful font testing tool

Em Calculator – Converts size in pixels to relative em units, which are based on a text size

Lorem Ipsum – The best tool for creating dummy text

What the Font? – Upload a file and it will identify a font

Colour Contrast Check – Specify a foreground and a background colour and determine if they provide enough of a contrast when viewed by someone having color deficits or when viewed on a black and white screen

FontExplorer X – Free font management software

Designer Plaything – The Standalone Web Typography and Colour Testing Tool

CSS with Vertical Rhythm – Will help you compute CSS that has a consistent vertical rhythm

Baseline Rhythm Calculator – Helps you to generate a stylesheet

Articles:

A Guide to Web Typography – I Love Typography

15 Excellent Examples of Web Typography – I Love Typography

The Anatomy of Web Fonts – SitePoint

The Principles of Beautiful Typography – SitePoint

How to Size Text in CSS – A List Apart

Power to the People: Relative Font Sizes – A List Apart

Typography Matters – A List Apart

The Non-Typographer’s Guide to Practical Typeface Selection – Cameron Moll

5 Simple Steps to Better Typography – Mark Boulton

The Effect of Website Typeface Appropriateness on the Perception of a Company’s Ethos – Usability News

How to Size Text Using Ems – Clagnut

13 Ways of Looking at a Type Face – Design Observer

Typography and Web Advertising: Making Every Opportunity Count – Digital Web Magazine

Better Font Management – Digital Web Magazine

CSS Typography – Digital Web Magazine

15 Tips to Choose a Good Type Text – Typies

Fonts on the Web and a List of Web Safe Fonts – Dustin Brewer

Serif vs. San Serif – KuraFire Network

Web Typography Cheat Sheet – Modern Life

Working with a Limited Font Set on the Web – Modern Life

Typography Tips and Advice for Graphic Design Students – David Airey

Logo Type Guide – RedSun

Typo Tips – The FontFeed

Choosing Type Alignments for the Web – Astheria

Motion Typography: 4 Approaches to Kinetic Text – Wisdump

It’s All About Legibility – Fonts.com

Know Your Type – iStockphoto

The Showcase of BIG Typography – Smashing Magazine

Resources:

Browser Safe Fonts

Top 10 Web Safe Fonts

The Elements of Typographic Style Applied to the Web

Web Typography Style Guide

An Introduction to Font Families and Font Choices

ABC Typography: A Virtual Type Museum

TypeNeu – Typography News

Nice Web Type – Gallery

Typography Crashcourse Roundup

Combined Font Survey Results

Typography for Headlines – Gallery of Headlines

Accessible Web Typography

FontLover

Typography Videos at Yuxt

Typography Glossary

Text Sizing Methods by Browser

Font Classification

TypeNavigator

Typography in the Behance Network

Movie Fonts

Source of this post: Click here

Từ khóa tìm kiếm:

typography, vietnamese typography, download font chu typography, font didot tiếng việt, vietnam typography, viet typography, typography viet nam, typography software, Free Download Font ABC of Vietnam Đầy Đủ, font typography tiếng việt, font didot vni, 100 font tieng viet dep, tim phong chu, tyography font, typhography, bộ gõ tiếng việt đầy đủ, typography font chu dowload, typography font tiếng việt, typography fonts download, best vietnamese typography]]> http://fontchu.com/blog/2009/03/100-typography-resources/feed/ 0 Demo full fonts VNI, Unicode http://fontchu.com/blog/2009/03/demo-full-fonts-vni-unicode/ http://fontchu.com/blog/2009/03/demo-full-fonts-vni-unicode/#comments Sun, 29 Mar 2009 09:14:08 +0000 admin http://fontchu.com/blog/?p=154 Font tiếng Việt mới làm demo full font VNI và Unicode, các bạn có thể xem demo full font VNI ở đây: Demo font VNI, demo full font Unicode ở đây: Demo font Unicode. Có thể xem thêm demo các font khác tại Demo font tiếng Việt.
Khi bạn xem xong demo font, muốn download font bạn cần, hãy vào Danh mục font tiếng Việt rồi tìm font bạn cần download(Ctrl+F và gõ tên font) rồi nhấn vào tên font để download.

Từ khóa tìm kiếm:

font unicode full, font vni full, download font chu full, fonts full, down font vni full, full fonts, fonts unicode full, phong chu viet nam full, tat ca font chu tieng viet, tat ca font chu, phong chu full, font chu unicode full, phong chu tieng viet full, tat ca font vni, download font full tieng viet, font chu vni full, full phong chu, cai dat full font, bo cai dat font tieng viet full, tat ca phong chu]]> http://fontchu.com/blog/2009/03/demo-full-fonts-vni-unicode/feed/ 0 20 Best Free Fonts http://fontchu.com/blog/2009/03/20-best-free-fonts/ http://fontchu.com/blog/2009/03/20-best-free-fonts/#comments Tue, 24 Mar 2009 15:20:43 +0000 admin http://fontchu.com/blog/?p=151 Top 20 best free fonts for design:

delicious

#2.fontin

Vitaly Friedman's Notebook: 25 Best Free Quality Fonts

praegnanz.de: Cardo

Vitaly Friedman's Notebook: 25 Best Free Quality Fonts

37 FREE Must-Have Fonts - FrancescoMugnai.com

#6.Tuffy

37 FREE Must-Have Fonts - FrancescoMugnai.com

#7.Museo

MUSEO :: a Free Quality Font from exljbris

#8.Steiner

Steiner Font | dafont.com

#9.Cicle

Cicle Font | dafont.com

Phil's Fonts | Free Font!

#11.Sling

Sling Font | dafont.com

#12.Diavlo

Diavlo :: a Free Quality Font from exljbris

Manfred Klein @ typOasis - 2003

#14.Mido

Mido Font

Geo Sans Light Font | dafont.com

#16.Lido STF

Storm Type Foundry

#17.Day Roman

Day Roman

Liberation Serif Font | dafont.com

#19.Scriptina

scriptina

#20.Romeral

Typies: Romeral, a display typeface

Từ khóa tìm kiếm:

các kiểu chữ đẹp, best font, best vietnamese font, beautiful vietnamese font, font best, free fonts download, font chu LiberationSerif, best font vietnam, download beautiful vietnamese font free, top font tiếng việt, font chu viet - scriptina, the best font, beautiful vietnamese fonts, serif font, best free font, the best of font, nest font, the best vietnamese fonts, phong chu museo, the best vietnamese unicode fonts]]> http://fontchu.com/blog/2009/03/20-best-free-fonts/feed/ 1 3D Text Typography Designs http://fontchu.com/blog/2009/03/3d-text-typography-designs/ http://fontchu.com/blog/2009/03/3d-text-typography-designs/#comments Sun, 15 Mar 2009 03:15:24 +0000 admin http://fontchu.com/blog/?p=144 ty1

Source : Flickr

ty1

Source : serialcut

ty2

Source : SneakyTomato

ty4

Source : Flickr

ty5

Source : behance

ty6

Source : Shinybinary

ty7

Source : flickr

ty8

Source : Flickr

ty9

Source : amrdesign

ty10

Source : disa4ever

ty11

Source : kylebean

ty12

Source : shinybinary

ty13

Source : shinybinary

ty14

Source : Creatunco

ty15

Source : gomediazine

ty16

Source : kidswithtools

ty17

Source : pzUH

ty18

Source : Creative Tempest

ty19

Source : stillontherun

ty20

Source : serialcut

ty21

Source : serialcut

ty22

Source : designflavr

ty23

Source : designflavr

ty24

Source :  flickr

ty25

Source : estheticcore

ty26

Source : Patrik Hübner

ty27

Source : arnovw

ty28

Source : johnmcd

ty29

Source : til01
Typography

ty30

Source : Excosoldier

ty31

Source : p-h-o-e-n-y-x

ty32

Source : Excosoldier

ty33

Source : cresk

ty34

Source : Mika Melvas

ty35

Source : doublelibra

ty36

Source : behance

ty37

Source : blupepper

ty38

Source : flickr

ty39

Source : thekellz

ty40

Source : dreaming-star

ty41

Source : dreaming-star

ty42

Source : morevision

Từ khóa tìm kiếm:

font 3d, font 3d tiếng việt, 3D font, 3d text, font chu 3d dep, download font chu 3d, chữ 3d, font 3d dep, kieu chu graffiti 3d, Typography vietnam, font unicode 3d đẹp, font chu typography dep, font graffiti 3d, download font 3d, kieu chu 3d, phông chữ 3d vni, creatunco, foni vni 3d, fonts chu 3d, typography design tieng viet]]> http://fontchu.com/blog/2009/03/3d-text-typography-designs/feed/ 0 Best Commercial Fonts Ever Made http://fontchu.com/blog/2009/02/best-commercial-fonts-ever-made/ http://fontchu.com/blog/2009/02/best-commercial-fonts-ever-made/#comments Thu, 26 Feb 2009 02:49:11 +0000 admin http://fontchu.com/blog/?p=142
fonts
Best Commercial Fonts Ever Made | 365 TTF | 6.55 MB

Link download font: Download font

PASSWORD: www.downturk.info

Từ khóa tìm kiếm:

FONTS, fon unicode commercial script]]> http://fontchu.com/blog/2009/02/best-commercial-fonts-ever-made/feed/ 0