Thêm fonts .ttf vào website như thế nào?

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 30/11/18.

  1. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    497
    Đã được thích:
    29
    Điểm thành tích:
    28
    HI mọi người mình có fonts đuối fonts-name.ttf giờ muốn thêm nó vào website dạng như: font-family: "fonts name" thì làm như thế nào vậy? thường mình download về add vào máy tính dễ, còn thêm vào website của mình thì không biết dùng như thế nào? bạn nào biết chỉ cho mình đoạn code để thêm vào file .css của web với nhé.
    Cảm ơn
     
    Cảm ơn đã xem bài:

    Thêm fonts .ttf vào website như thế nào?

    danh sách diễn đàn rao vặt gov chất lượng
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,236
    Đã được thích:
    936
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Thêm code sau vào file .css nhé bạn:

    Với đuôi .TTF
    HTML:
    @font-face {
        font-family: "Fonts Name";
        src: url(http://lienketweb.com/css/file-fonts.ttf) format("truetype");
    }
    .cs-name {
        font-family: "Fonts Name", Verdana, Tahoma;
    }
    Với đuôi .OTF
    HTML:
    @font-face {
        font-family: 'Fonts Name;
        src: url("css/file-fonts.otf") format("opentype");
    }
    @font-face {
        font-family: 'Fonts Name';
        font-weight: bold;
        src: url("/css/file-fonts.otf") format("opentype");
    }
    Với đuôi .WOFF
    Mã:
    @font-face {
    font-family: 'Fonts Name';
    font-style: normal;
    font-weight: normal;
    src: local('Fonts Name'), url('/css/file-fonts.woff') format('woff');
    }
    
     
    Chỉnh sửa cuối: 30/11/18
    seolagi thích bài này.
  3. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    497
    Đã được thích:
    29
    Điểm thành tích:
    28
    Cảm ơn ad, hihi mình thêm như trên được rùi, thanks !
     
  4. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,236
    Đã được thích:
    936
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn có thế download fonts ở web sau nhé: dafont.com
     


Chủ để tương tự : Thêm fonts
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Chia sẻ theme Blogspot siêu đẹp, tinh tế, chuẩn seo 21/7/16

Like và Share ủng hộ ITSEOVN