Tôi làm cách nào để sử dụng phông chữ tùy chỉnh trên trang web?

Question

Để trang web của tôi có giao diện đẹp, tôi cần sử dụng phông chữ tùy chỉnh, cụ thể là Thonburi-Bold. Vấn đề là - phông chữ không được hiển thị trừ khi người dùng đã cài đặt nó. Nó cũng không được hiển thị trong firefox.

Có cách giải quyết nào cho vấn đề này không?

Answer 1

CSS cho phép bạn sử dụng phông chữ tùy chỉnh, phông chữ có thể tải xuống trên trang web của bạn. Bạn có thể tải xuống phông chữ tùy chọn của mình, giả sử myfont.ttf và tải phông chữ đó lên máy chủ từ xa của bạn nơi lưu trữ blog hoặc trang web của bạn.

@font-face { 
    font-family: myfont; 
    src: url('myfont.ttf'); 
} 

Answer 2

Trước tiên, bạn phải đặt phông chữ của mình dưới dạng .otf hoặc .ttf ở đâu đó trên máy chủ của bạn.

Sau đó sử dụng CSS để tuyên bố họ phông chữ mới như thế này:

@font-face { 
    font-family: MyFont; 
    src: url('pathway/myfont.otf'); 
    } 

Nếu bạn liên kết tài liệu của bạn vào file CSS mà bạn tuyên bố họ phông chữ của bạn, bạn có thể sử dụng phông chữ giống như bất kỳ phông chữ khác .

Answer 3

Bạn có thể sử dụng CSS3 font-face hoặc phông chữ web

@ sử dụng font-face

@font-face { 
    font-family: Delicious; 
    src: url('Delicious-Roman.otf'); 
} 

phông chữ web

hãy nhìn vào Google phông chữ web, http://www.google.com/webfonts

Answer 4

Vâng, có một cách. Nó được gọi là phông chữ tùy chỉnh trong CSS.Your CSS của bạn cần phải được sửa đổi, và bạn cần phải tải lên những phông chữ cho trang web của bạn.

CSS cần thiết cho điều này là:

@font-face { 
    font-family: Thonburi-Bold; 
    src: url('pathway/Thonburi-Bold.otf'); 
} 

Answer 5

Bạn cần phải nhập khẩu các phông chữ trong stylesheet của bạn như thế này:

@font-face{ 
    font-family: "Thonburi-Bold"; 
    src: url('Thonburi-Bold.ttf'), 
    url('Thonburi-Bold.eot'); /* IE */ 
}