Asked Jun 1st, 11:53 AM 26 1 1
  • 26 1 1
+1

Hỏi về dùng font local GTWalsheimPro trong nuxtjs

Share
  • 26 1 1

Chào mọi người. Mình đang gặp vấn đề là mình muốn dùng font local trong nuxtjs cụ thể là font GTWalsheimPro. Mình đã tải font về trong thư mục project và setup dùng như code bên dưới. Nhưng khi dùng thì font-weight: 500 thì đang hiển thị như font-weight: normal. Cho mình hỏi là nó đang ko đúng ở đâu?

@font-face {
  font-family: 'GTWalsheimPro';
  font-weight: 500;
  src: local('GTWalsheimProMedium')
    url(../GTWalsheimPro/GTWalsheimProMedium.otf) format('opentype');
}
@font-face {
  font-family: 'GTWalsheimPro';
  font-weight: bold;
  src: local('GTWalsheimProBold'),
    url(../GTWalsheimPro/GTWalsheimProBold.otf) format('opentype');
}

@font-face {
  font-family: 'GTWalsheimPro';
  font-weight: normal;
  src: local('GTWalsheimProRegular'),
    url(../GTWalsheimPro/GTWalsheimProRegular.otf) format('opentype');
}

Jun 2nd, 12:13 AM

Nhưng mà nó nhận đúng font chưa bạn nhỉ?

0
| Reply
Share
quang hải @sven_9x
Jun 2nd, 2:02 AM

@huukimit nhận đúng rồi bạn. Chỉ có cái font-weight medium bị sai thôi. mà mình thay đường dẫn font medium vào chỗ của bold thì set font-weight: bold là nó load đc font-weight medium đó

0
| Reply
Share

1 ANSWERS


Answered Jun 3rd, 12:23 AM
Accepted
0

Bạn thử thêm dấu phẩy vào dòng src, tách cái localurl thử xem có hết lỗi ko?

@font-face {
  font-family: 'GTWalsheimPro';
  font-weight: 500;
  src: local('GTWalsheimProMedium'),
    url(../GTWalsheimPro/GTWalsheimProMedium.otf) format('opentype');
}
Share
quang hải @sven_9x
Jun 3rd, 2:19 AM

oke ddc r. tks b 😦(

0
| Reply
Share
quang hải @sven_9x
Jun 3rd, 4:58 AM

@huukimit Bạn ơi mình đang gặp 1 vấn đề là text nó ko center theo chiều dọc như ảnh dưới. mà đang bị cao lên trên 1 chút. Bạn có cách nào fix ko nhỉ? Khi tắt font mình cài vào thì bình thường

Capture.PNG

0
| Reply
Share
Jun 3rd, 6:13 AM

@sven_9x MÌnh thấy nó có vấn đề gì đâu nhỉ? Chắc là do các chữ cái g làm bạn cảm giác mất cân đối vậy thôi chứ không có lỗi gì đâu.

0
| Reply
Share
quang hải @sven_9x
Jun 3rd, 6:51 AM

@huukimit nó ko center với cái svg mình set này bạn. mình đã flex với align-item: center rồi

Capture.PNG

0
| Reply
Share
quang hải @sven_9x
Jun 3rd, 6:53 AM
0
| Reply
Share