Download google fonts nhanh chóng
Web
23
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.
5 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
2 4
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 gần 3 năm trước
2 4
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 hơn 2 năm trước
2 2
White
2 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 11 tháng trước
2 2
Bài viết liên quan
White
21 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...
Hoàng Duy viết hơn 2 năm trước
21 8
White
12 2
Trong loạt bài Trở lại cơ bản này mình xin trình bày lại các khái niệm cơ bản về tất cả mọi thứ mình đã từng được học bằng ngôn ngữ đơn giản nhất c...
Hoàng Duy viết hơn 1 năm trước
12 2
{{like_count}}

kipalog

{{ comment_count }}

bình luận

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


White
{{userFollowed ? 'Following' : 'Follow'}}
6 bài viết.
5 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á!