Hướng dẫn Install fonts in XenForo - Cài đặt phông chữ trong Xenforo

[PVS]

Install fonts in XenForo - Cài đặt phông chữ trong Xenforo

Thêm đoạn code sau vào cuối template EXTRA.css của bạn:

/* <----- start FONTS ------->*/
    @font-face {
        font-family: 'ecliptic';
        src: url('./styles/default/xenforo/fonts/ecliptic.eot');
        src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype"),
                url('./styles/default/xenforo/fonts/ecliptic.woff') format('woff'),
                url('./styles/default/xenforo/fonts/ecliptic.eot?#iefix') format('embedded-opentype'),
                url('./styles/default/xenforo/fonts/ecliptic.svg#ecliptic') format('svg');
        font-style: normal;
        font-weight: normal;
    }
/* <----- END FONTS ------->*/

Đường dẫn './styles/default/xenforo/fonts/ecliptic.ttf' phải phù hợp với đường dẫn vật lý thông qua đó đã tải lên FTP tập tin nguồn.
Định nghĩa CSS cho font bạn muốn thay đổi và sử dụng font-family: 'ecliptic'; trong định nghĩa của nó.

Bạn có thể thấy một ví dụ khi bạn đặt con trỏ vào bất kỳ diễn đàn trên danh sách các diễn đàn chính (ngoài ra, có thêm tác dụng khác)

Để đặt nó trong danh sách category. Thêm vào cuối template EXTRA.css của bạn:

/* <----- Títulos de nodo ------->*/
 
.node .nodeTitle
{
    font-family: 'ecliptic' !important;
}
 
.node .unread .nodeTitle
{
    font-family: 'ecliptic' !important;
}
 
.node .nodeDescription
{
    font-family: 'ecliptic' !important;
}
 
.nodeList .categoryStrip .nodeTitle
{
    font-family: 'ecliptic' !important;
 
}
 
 
/* <----- Fin de títulos de nodo ------->*/

Và lưu các thay đổi.
Trông sẽ như thế này

/* <----- start FONTS ------->*/
    @font-face {
        font-family: 'ecliptic';
        src: url('./styles/default/xenforo/fonts/ecliptic.ttf') format("truetype");
        font-style: normal;
        font-weight: normal;
    }
/* <----- END FONTS ------->*/
/* <----- Títulos de nodo ------->*/
 
.node .nodeTitle
{
    font-family: 'ecliptic' !important;
}
 
.node .unread .nodeTitle
{
    font-family: 'ecliptic' !important;
}
 
.node .nodeDescription
{
    font-family: 'ecliptic' !important;
}
 
.nodeList .categoryStrip .nodeTitle
{
    font-family: 'ecliptic' !important;
 
}
 
/* <----- Fin de títulos de nodo ------->*/

Tải các font miễn phí tại: http://www.fontsquirrel.com/ và http://www.google.com/webfonts#ChoosePlace:select và nhiều nơi khác

Các tập tin font các bạn tự tìm kiếm vào tải về, sau đó tải lên đúng theo đường dẫn, nếu đặt ở nơi khác các bạn phải chỉnh sửa code cho phù hợp.

Chúc các bạn thành công.

Nguồn: xenforo.com​

 

[vudinhkhang2]

xen 2 làm đc k a

 

[PVS]

Được á bạn

 

[vudinhkhang2]

Được á bạn

Em thử bằng font quicksand nhưng nó có mỗi 4 file với tàn dạng .tff nhưng không được làm xong lên forum còn bị lỗi Font nữa - anh dảnh thì viết giúp em font này với
Cảm ơn anh ạ

 

[SangNTP]

Theo các Mod nhận xét thì font nào ổn nhất cho Xen 1.5.x vậy? Mình cần chút tư vấn và cách cài đặt luôn. Cảm ơn các Mod.