Mọi thắc mắc xin liên hệ Cả Ngố

Bitstream Webfont Wizard | Microsoft Web Embbeding Fonts Tool | Những trở ngại

Microsoft Web Embbeding Fonts Tool (OET)

    Trước hết bạn cần một webpage có đủ mọi mẫu tự dùng trong VNI. Ðễ tiện cho bạn tôi đã làm sẵn trang vni_char.htm (xin download ở đây, đã compress ở dạng ZIP). Trong trang đó tôi chỉ dùng VNI-Times ở 2 dạng: normal và bold. Dĩ nhiên bạn có thể thêm vào italic hay bold italic, nhưng vì dynamic font cũng khá bự, chỉ sợ người đọc vào website của bạn phải download nhiều font tốn thì giờ thôi.

    Giờ thì mở WEFT ra, nó sẽ tự chạy phần WEFT Wizard (nếu là lần đầu tiên bạn chạy WEFT thì nó sẽ mở phần tự động thêm những fonts bạn có trong máy vào database của nó trước) Ðánh vào địa chỉ mà bạn đã save trang vni_char.htm rồi bấm ADD (hoặc bấm vào nút có 3 chấm "..." đễ tìm trang đó)

    Bấm "Next" rồi "Next" thêm cái nữa để WEFT coi xem bạn xài những mẫu tự và font gì trong trang đó.

    Bấm "Next", rồi nhớ chọn "Show CSS Ừfont-family declarations.", xong bấm vào "Mirror sites..."

    Cũng như phần burn PRF tôi đã nói, bạn cần điền đúng những domain name, website address bạn sẽ dùng cho cái OET font đó, nếu sai hoặc không đủ, dynamic font sẽ không work.

    Sau khi điền xong, bấm OK, nó trở lại window củ thì bấm "Next". Giai đoạn này nó sẽ tạo OET font. Sau khi xong, nó sẽ display cái CSS declarations:

Select từ "<STYLE" đến "</STYLE>", rồi Ctrl-C để copy lên clipboard. Bấm "Next", kế đó bấm "Finish". Giờ bạn có thể mở lại cái trang mình làm cho phần đầu, "Paste" cái code đó giửa phần <HEAD> và </HEAD> của trang web bạn. Bây giờ thì mình có như sau:<head>

<head>
<title>VNI Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=x-user-defined">

<LINK REL=fontdef SRC="vnitm_normal.pfr">
<LINK REL=fontdef SRC="vnitm_bold.pfr">

<STYLE TYPE="text/css">
@font-face {
font-family: VNI-Times;
font-style: normal;
font-weight: normal;
src: url(VNITIME1.eot);
}
@font-face {
font-family: VNI-Times;
font-style: normal;
font-weight: 700;
src: url(VNITIME0.eot);
}
-->
</STYLE>

</head>


PcLeHoan 1996 - 2002
Mirror : http://www.pclehoan.com
Mirror : http://www.lehoanpc.net

Mirror : http://www.ktlehoan.com