giang's blog » Ubuntu http://giang.us/blog blog về cuộc sống và công nghệ của Giang Sun, 29 Apr 2012 08:10:34 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Roboto webfont (hosted on Google Code) http://giang.us/blog/2012/04/roboto-webfont-hosted-on-google-code/ http://giang.us/blog/2012/04/roboto-webfont-hosted-on-google-code/#comments Tue, 10 Apr 2012 06:07:39 +0000 gіаиg http://giang.us/blog/?p=1903
Roboto webfont preview

Nếu đã dùng qua Android 4 (ICS – Ice Cream Sandwich) chắc hẳn các bạn đã biết đến font Roboto, không những chỉ có trên ICS, một số nhà phát triển cũng đã thêm font này vào trong rom không chính thức của mình ở những phiên bản Android thấp hơn.

Google cũng đã phát hành và cho phép các nhà phát triển tải font này về từ rất lâu, để có thể dùng font này trên máy tính, bạn có thể truy cập vào địa chỉ sau rồi tải về:

http://developer.android.com/design/style/typography.html

 

Vậy còn webfont thì sao?

Google hiện cũng có một bộ sưu tập hơn 500 (hiện tại là 501) webfont để sử dụng cho web, tuy nhiên số lượng web font hỗ trợ tiếng Việt còn rất ít, chỉ có 4/501 webfont trong bộ sưu tập của Google webfont có hỗ trợ tiếng Việt, còn lại thì hoàn toàn không.

Roboto webfont cũng đã được FontSquirrel cung cấp miễn phí tại:

http://www.fontsquirrel.com/fonts/roboto

Tuy nhiên, vẫn còn 1 giới hạn là bạn phải tải về sau đó upload lên host của mình mới có thể sử dụng được, có một chút bất tiện và cũng ảnh hưởng kha khá đến tốt độ tải website của bạn.

 

Giải pháp lưu trữ webfont trên Google Code

Ban đầu, với ý định sẽ sử dụng Google AppEngine để lưu trữ bộ webfont của Roboto trên đó, tuy nhiên, bản miễn phí giới hạn 1GB băng thông mỗi ngày, do đó rất khó lòng để sử dụng rộng rãi khi chỉ có 1GB băng thông.

Vò đầu bứt óc chợt vô tình phát hiện ra Google Code, mình đã xem khá kỹ hướng dẫn và FAQ và không thấy nói nhiều đến băng thông, còn lưu trữ thì được miễn phí đến 4GB, quá nhiều khi bộ webfont này chỉ cần có khoảng 3MB.

Một số ưu điểm của Google Code:

  • Sử dụng proxy của Google nên sẽ truy cập nhanh hơn rất nhiều.
  • Băng thông không thấy nhắc đến nên mình nghĩ có lẽ là… không giới hạn.

 

 

Cách sử dụng Roboto webfont

Cách sử dụng Roboto webfont cũng khá đơn giản, đơn giản như với Google Webfont vậy. Để thêm font vào website của mình, bạn có thể sử dụng thẻ <link> (nằm giữa thẻ <head></head>) hoặc dùng @import nếu bạn không thể chỉnh sữa file html.

 

Thêm web font Roboto với thẻ <link>

Để thêm toàn bộ webfont của Roboto, bạn có thể thêm mã sau vào giữa thẻ <head> và </head> trên website của mình

<link href="http://http://roboto-webfont.googlecode.com/svn/trunk/roboto.all.css" rel="stylesheet" type="text/css">

Thêm web font Roboto vào file CSS (stylesheet) với @import

Trong trường hợp bạn không thể can thiệp vào mã nguồn của website để thêm thẻ <link>, chúng ta vẫn còn cách khác đó là dùng @import để import file này vào file CSS của bạn.

@import url('http://http://roboto-webfont.googlecode.com/svn/trunk/roboto.all.css');

Sử dụng web font Roboto thay thế cho font mặc định

Để thay thế font Roboto cho font mặc định, bạn tìm đến thẻ body trong CSS, thêm vào đoạn sau ở giữa dấu ngặc { và }, thẻ body của CSS sẽ có dạng:

body {
     font-family: 'Roboto',  serif;
     font-weight: 400;
}

Bộ web font này bao gồm:

  • Roboto (font-weight: 400)
  • Roboto Black (font-weight: 900)
  • Roboto Light (font-weight: 100)
  • Roboto Thin (font-weight: 300)
  • Roboto Medium (font-weight: 500)

Bạn có thể thay thế ‘font-weight: 400;’ ở trên bằng số tương ứng như phía trên để có được font ưng ý cho website của mình ;)

Nếu có thắc mắc hay góp ý gì, vui lòng để lại comment bên dưới nhé :D

]]> http://giang.us/blog/2012/04/roboto-webfont-hosted-on-google-code/feed/ 1 GNOME3 Released http://giang.us/blog/2011/04/gnome3-released/ http://giang.us/blog/2011/04/gnome3-released/#comments Thu, 07 Apr 2011 11:47:09 +0000 gіаиg http://giang.us/blog/?p=1619 Hôm nay, Gnome phiên bản thứ 3 đã chính thức được phát hành, điểm thú vị là giao diện của Gnome 3 khá giống MacOSX và cách quản lý cửa sổ khá giống Windows 7.

Bạn có thể trải nghiệm những tính năng mới của Gnome3 bằng cách chạy phiên bản Live trên USB hoặc CD. Download bản Live của Gnome3 tại:

Clear

Lưu ý:

  • Tên truy cập của openSUSE bản live là ‘tux’ và mật khẩu để trống.
  • Tên truy cập của Fedora bản live là ‘liveuser’ và mật khẩu để trống.

 

Xem thêm chi tiết tại:

http://www.gnome3.org

]]> http://giang.us/blog/2011/04/gnome3-released/feed/ 0 Ubuntu 9.10 Karmic Koalas released http://giang.us/blog/2009/10/ubuntu-9-10-karmic-koalas-released/ http://giang.us/blog/2009/10/ubuntu-9-10-karmic-koalas-released/#comments Thu, 29 Oct 2009 13:39:20 +0000 gіаиg http://giang.us/blog/?p=925 Ubuntu 9.10 Karmic Koalas has just been released, you can download it now!

Desktop, 32-bit [torrent] [direct download]
Desktop, 64-bit [torrent] [direct download]
Netbook Remix 32-bit [torrent] [direct download]

Source:  http://www.downloadsquad.com/


]]> http://giang.us/blog/2009/10/ubuntu-9-10-karmic-koalas-released/feed/ 0