Download google fonts nhanh chóng
Web
32
fonts
3
White

Vũ Hoàng Chung viết ngày 28/05/2015

Có nhiều khi việc sử dụng google fonts qua link của google làm ảnh hưởng tốc độ trang web của bạn, để tránh vấn đề này bạn có thể sử dụng cách upload các fonts đó lên host của chính bạn. Để làm thế bạn cần có các file font của font mà bạn muốn dùng.
Một cách rất đơn giản và nhanh gọn để có các file font ấy là sử dụng node module google-fonts-offline

https://www.npmjs.com/package/google-fonts-offline

Cách dùng

  • Cài đặt

Trước tiên bạn cần cài đặt Nodejs hoặc iojs trong máy.

Sau khi đã cài Nodejs, bạn cài module google-fonts-offline

npm install -g google-fonts-offline
  • Sử dụng goofoffline "http://fonts.googleapis.com/css?family=Open+Sans" goofoffline "http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" Thư mục fonts sẽ tự động được tạo ra ở nơi bạn chạy dòng lệnh trên, khi bạn tải nhiều font liên tiếp, tất cả các font sẽ được import vào file fonts.css. Chỉ việc include file này vào HTML của bạn. alt text

Xử lý lỗi trên OSX

Trên hệ điều hành MacOS có thể khi chạy goofoffline bạn sẽ gặp lỗi sau

env: node\r: No such file or directory

Lỗi này xảy ra do nội dung file goofoffline có dòng #!/usr/bin/env node ở đầu và kí tự xuống dòng ở cuối là kí tự xuống dòng của Windows \r\n.

Để xử lý lỗi này, bạn vào thư mục

/usr/local/lib/node_modules/google-fonts-offline/bin/

và copy file goofoffline ra Desktop chẳng hạn. Mở terminal và cd tới thư mục bạn vừa copy file kia ra. Chạy dòng lệnh dưới đây để convert các kí tự '\r', '\n' sang kí tự Unix:

dos2unix goofoffline

Sau đó bạn copy đè file goofoffline vào thư mục

/usr/local/lib/node_modules/google-fonts-offline/bin/

(có thể xóa file cũ trong thư mục bin đi rồi copy file mới này vào).
Sau khi đã convert các kí tự xuống dòng sang kiểu Unix, bạn đã có thể chạy lệnh này bình thường.

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Vũ Hoàng Chung

6 bài viết.
7 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
4 2
Bash script to fast serve Laravel project Lười gõ dòng lệnh quá nên tạo ra cái script để gõ nhanh :D laravelstart.sh /bin/bash if z "$1" ] ...
Vũ Hoàng Chung viết hơn 3 năm trước
4 2
White
3 5
Bắt đầu Để sử dụng Keymetrics thì bạn cần chạy NodeJS server của bạn bằng pm2. Nếu chưa biết đến pm2, bạn có thể xem cách cài đặt và sử dụng tại h...
Vũ Hoàng Chung viết hơn 5 năm trước
3 5
White
2 2
Chuẩn bị Update thư viện: sudo aptget update Cài trình biên dịch (nếu chưa có) sudo aptget install buildessential Cài tcl
Vũ Hoàng Chung viết gần 5 năm trước
2 2
Bài viết liên quan
Male avatar
1 0
Một ngày nào đó, bạn mới dựng source code lên. Bạn luôn hi vọng khi vào site sẽ hiển thị đẹp mắt và yếu tố đẹp mắt ban đầu sẽ là text của site của ...
skul169 viết 4 năm trước
1 0
White
38 8
Lâu không post gì muốn viết một bài dài dài về js cơ mà đau đầu quá viết mãi không xong, thôi post bài ngắn vậy :smiley: Lấy screen size ở đây tôi...
Hà Phạm viết 5 năm trước
38 8
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
6 bài viết.
7 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!