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:
    520
    Đã được thích:
    31
    Đ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,316
    Đã được thích:
    957
    Đ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:
    520
    Đã được thích:
    31
    Đ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,316
    Đã được thích:
    957
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Bạn có thế download fonts ở web sau nhé: dafont.com
     
  5. helennguyen2255

    helennguyen2255 Thành Viên Mới

    Tham gia ngày:
    11/12/18
    Bài viết:
    25
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Cách của AD là ok rồi, mình thì thường dùng các font trong bộ UTM đối với website tiếng Việt. Rất nhiều font đẹp
     
  6. i2b_2018

    i2b_2018 Thành Viên Mới

    Tham gia ngày:
    30/10/18
    Bài viết:
    40
    Đã được thích:
    0
    Điểm thành tích:
    6
    bài viết rất tốt, xin chân thành cảm ơn
     


Like và Share ủng hộ ITSEOVN