Cách sử dụng và nhúng một phông chữ biểu tượng trên trang web của bạn – cách sử dụng các biểu tượng phông chữ

Bạn đang xem : cách sử dụng biểu tượng phông chữ

Tuần trước, chúng tôi đã phát hành một gói 100 biểu tượng kiểu dòng . Hôm nay chúng tôi sẽ phát hành các biểu tượng chính xác đó dưới dạng phông chữ biểu tượng 100 mảnh cùng với hướng dẫn mở rộng về cách sử dụng chúng. Phông chữ biểu tượng rất tuyệt vời vì khả năng mở rộng của chúng trên màn hình có độ phân giải cao và chúng có thể được xử lý và tạo kiểu chính xác như văn bản. Dưới đây là các bước để nhúng và sử dụng phông chữ biểu tượng trên trang web của riêng bạn. Lưu ý rằng phông chữ Biểu tượng không hoạt động trong một số trình duyệt Windows dành cho thiết bị di động.

Tải xuống Gói Phông chữ

Nhúng phông chữ biểu tượng

1. Tải xuống phông chữ biểu tượng bạn muốn sử dụng.

Trong hướng dẫn này, chúng tôi sẽ sử dụng các tệp từ phần tải xuống ở trên, có chứa phông chữ biểu tượng được tạo bằng icomoon .
Bạn cũng có thể tải xuống và sử dụng Phông chữ Biểu tượng Thanh lịch của chúng tôi nếu muốn.

2. Sao chép mã từ “style.css” và dán vào tệp “style.css” của riêng bạn.

Tệp css này nhúng phông chữ biểu tượng qua @ font-face và có một lớp duy nhất cho mỗi biểu tượng, cho biết ký tự nào trong phông chữ cần sử dụng. Đây cũng là nơi có thể thêm kiểu dáng độc đáo cho mỗi biểu tượng.

Chúng tôi luôn khuyên bạn nên sử dụng chủ đề con cho việc này. Để biết thêm thông tin về chủ đề trẻ em, hãy xem Hướng dẫn về chủ đề trẻ em của chúng tôi.

3. Sao chép thư mục “phông chữ” vào thư mục chủ đề của bạn:

/ wp-content / themes / yourtheme /

Nếu thư mục chủ đề của bạn đã có thư mục “phông chữ”, hãy kéo nội dung từ “phông chữ” vào thư mục hiện có.

fonts-directory

Sử dụng Phông chữ Biểu tượng

1. Nếu bạn đang sử dụng WordPress, điều này sẽ không hoạt động với trình chỉnh sửa văn bản trực quan. Bạn sẽ muốn tắt trình chỉnh sửa trực quan hoặc có khả năng tất cả mã của bạn sẽ bị xóa sau khi lưu. Bạn có thể làm điều này trong Người dùng & gt; Hồ sơ của bạn

disable-visual-editor

2. Giờ đây, bạn có thể chèn các biểu tượng này vào bất kỳ vùng văn bản nào chẳng hạn như bài đăng, trang hoặc tiện ích con bằng hai phương pháp khác nhau.

 HTML
& lt;! - Sử dụng phần sau nếu bạn muốn sử dụng bộ chọn lớp - & gt;
& lt; span class = "icon-phone" & gt; & lt; / span & gt;

& lt;! - Sử dụng phần sau nếu bạn muốn sử dụng các thuộc tính dữ liệu. - & gt;
& lt; span data-icon = "& amp; # xe004" & gt; & lt; / span & gt; 

Các kết quả đều giống nhau về mặt hình ảnh, nhưng chúng tôi sẽ sử dụng phương thức class để có thể dễ dàng tạo kiểu cho các biểu tượng bằng cách sử dụng CSS bên ngoài.

Ví dụ về Tạo kiểu và Triển khai

Các hướng dẫn và ví dụ bên dưới đề cập đến một số cách khác nhau mà bạn có thể sử dụng phông chữ biểu tượng trên trang web của mình. Một lần nữa, chúng tôi sẽ sử dụng phương thức tên lớp và tạo kiểu phông chữ bằng CSS bên ngoài.

1. Đặt các biểu tượng trong dòng

Bạn có thể thêm một biểu tượng trong bất kỳ nội dung văn bản nào. Bạn cũng có thể tạo kiểu cho biểu tượng theo cách bạn muốn bằng cách chỉnh sửa css mà bạn đã dán vào style.css ở Bước 1. Đây là ví dụ về biểu tượng được sử dụng phía trên tiêu đề Chủ đề Divi.

inline-icon

Để đạt được điều này, hãy dán html này vào mô-đun văn bản Divi (hoặc bất kỳ trường văn bản nào trong bất kỳ chủ đề nào) và css sau vào tệp style.css của bạn (hoặc hộp css tùy chỉnh trong ePanel nếu bạn đang sử dụng Chủ đề thanh lịch). Điều chính cần tập trung ở đây là dòng đầu tiên của HTML nơi tôi chèn biểu tượng và các dòng CSS được sử dụng để xác định kích thước và màu sắc của biểu tượng.

 HTML

& lt; span class = "icon-tools-2" & gt; & lt; / span & gt;
& lt; h1 & gt; Kéo Nâng cao & amp; Drop Builder & lt; / h1 & gt;
Kết hợp các mô-đun khác nhau của chúng tôi, bạn có thể xây dựng bất kỳ thứ gì. 
 CSS

.icon-tools-2: before {
nội dung: "\ e034";
font-size: 64px;
màu: # 318EC3;
} 

2. Thêm biểu tượng vào nhãn điều hướng

Bằng cách sử dụng phông chữ biểu tượng, bạn có thể thêm biểu tượng vào các mục điều hướng của mình để cung cấp cho tiêu đề trang của bạn một chút gì đó bổ sung. Dưới đây là một ví dụ sử dụng Chủ đề Nimble.

Xem Thêm  Xóa phần tử khỏi DANH SÁCH Python [clear, pop, remove, del] - danh sách xóa phần tử python

navigation-label-icon

Trong Trình chỉnh sửa Trình đơn, bạn có thể thêm một khoảng biểu tượng ở đầu Nhãn Điều hướng của mình để đạt được hiệu quả này. Bạn cũng có thể chỉ sử dụng một biểu tượng cho Nhãn điều hướng giống như biểu tượng RSS trong ví dụ trên. Đây có thể là một cách thú vị để thêm các liên kết biểu tượng mạng xã hội vào điều hướng của bạn.

icon-navigation-label

3. Sử dụng các biểu tượng làm siêu liên kết

Bởi vì đây là một phông chữ, bất kỳ điều gì bạn có thể làm với văn bản truyền thống, đều có thể được áp dụng cho một phông chữ biểu tượng. Đây là một ví dụ về một biểu tượng được sử dụng như một liên kết. Ngoài ra, tôi cũng đã thêm trạng thái di chuột để làm cho biểu tượng nửa trong suốt. Hãy thử nó dưới đây!


TẢI XUỐNG

TẢI XUỐNG

Để đạt được điều này, hãy dán html này vào trường văn bản và css sau vào tệp style.css của bạn (hoặc hộp css tùy chỉnh trong ePanel).

 HTML
& lt; a href = "https://www.elegantthemes.com" & gt; & lt; span class = "icon-download" & gt; & lt; / span & gt; & lt; / a & gt;
TẢI XUỐNG 
 CSS
.icon-download: before {
nội dung: "\ e04d";
font-size: 64px;
màu: # 318EC3
}

.icon-download: hover: before {
độ mờ: 0,5;
} 

4. Tạo kiểu nhiều biểu tượng cùng một lúc

Bằng cách thêm một lớp duy nhất vào một nhóm biểu tượng, chúng tôi có thể nhắm mục tiêu nhiều biểu tượng cùng một lúc. Một ví dụ điển hình của việc này là thêm các biểu tượng vào đầu các mục trong danh sách. Nếu chúng ta muốn cung cấp cho tất cả các biểu tượng này cùng một kiểu dáng, chúng ta có thể gán cho chúng một lớp bổ sung để có được hiệu ứng như thế này.

Phong bì Lorem Ipsum

Mobile Lorem Ipsum

Diễn giả Lorem Ipsum

Trò chuyện Lorem Ipsum

Thiên tài Lorem Ipsum

Để đạt được điều này, tôi đã cấp cho mỗi biểu tượng một lớp “danh sách biểu tượng” và xác định một vài kiểu css để căn chỉnh tối ưu.

 HTML
& lt; span class = "icon-phong bì icon-list" & gt; & lt; / span & gt; Phong bì Lorem Ipsum
& lt; br & gt;
& lt; span class = "icon-mobile icon-list" & gt; & lt; / span & gt; Lorem Ipsum di động
& lt; br & gt;
& lt; span class = "icon-megaphone icon-list" & gt; & lt; / span & gt; Diễn giả Lorem Ipsum
& lt; br & gt;
& lt; span class = "icon-chat icon-list" & gt; & lt; / span & gt; Trò chuyện Lorem Ipsum
& lt; br & gt;
& lt; span class = "icon -nius icon-list" & gt; & lt; / span & gt; Thiên tài Lorem Ipsum 
 CSS
.icon-list {
chiều rộng: 25px;
text-align: center;
màu: # AD1EB9;
} 

5. Tạo kiểu cho các biểu tượng của bạn bằng Hoạt ảnh CSS.

Bạn có thể thực hiện một số điều thực sự thú vị với phông chữ biểu tượng sử dụng hoạt ảnh CSS và vì chúng là đồ họa vectơ nên hoạt ảnh sẽ không làm giảm chất lượng của biểu tượng. Dưới đây chỉ là một số ví dụ về những việc có thể làm được.

Các hoạt ảnh trên được kiểm soát hoàn toàn bởi các thuộc tính CSS được định nghĩa bên dưới.

 HTML
& lt; span class = "icon-tim xung" & gt; & lt; / span & gt;
& lt; span class = "icon-dial tick" & gt; & lt; / span & gt;
& lt; span class = "icon-happy sway" & gt; & lt; / span & gt; 
 CSS
/ * Biểu tượng trái tim đang đập * /
.xung {
    -webkit-animation: xung vô hạn 4s;
    -moz-animation: xung vô hạn 4s;
    -o-animation: xung vô hạn 4s;
    hoạt hình: xung vô hạn 4s;
}
 

@ -moz-keyframes xung {
      0% {-moz-biến đổi: scale (0.9, 0.9); độ mờ: 0.0;}
     50% {độ mờ: 1,0;}
    100% {-moz-biến đổi: scale (1, 1); độ mờ: 0.0;}
}

@ -webkit-keyframes xung {
      0% {-webkit-biến đổi: scale (0.9, 0.9); độ mờ: 0.0;}
     50% {độ mờ: 1,0;}
    100% {-webkit-biến đổi: scale (1, 1); độ mờ: 0.0;}
}

@keyframes xung {
      0% {thang điểm: (0.9, 0.9); độ mờ: 0.0;}
     50% {độ mờ: 1,0;}
    100% {tỷ lệ: (1, 1); độ mờ: 0.0;}
}

/ * Biểu tượng quay số * /
.tick {
    -webkit-animation: đánh dấu vào các bước (4) 2s vô hạn bình thường;
    -moz-animation: đánh dấu các bước (4) 2s bình thường vô hạn;
    -o-animation: đánh dấu bước (4) 2s vô hạn bình thường;
    hoạt ảnh: đánh dấu bước (4) bình thường vô hạn 2s;
}

@ -moz-keyframes đánh dấu vào {100% {-moz-biến đổi: xoay (360deg); }}

@ -webkit-keyframes đánh dấu vào {100% {-webkit-biến đổi: xoay (360deg); }}

@keyframes đánh dấu vào {100% {-webkit-biến đổi: xoay (360deg); biến đổi: xoay (360deg); }}
 
/ * Biểu tượng khuôn mặt hạnh phúc lắc lư * /
.sway {
    -webkit-animation: xoay vòng vô hạn 3 giây dễ dàng-vào-ra;
    -moz-animation: lắc lư 3 giây dễ dàng-vào-ra thay thế vô hạn;
    -o-animation: lắc lư 3s dễ dàng-vào-ra thay thế vô hạn;
    hoạt hình: lắc lư 3s dễ dàng-vào-ra thay thế vô hạn;
}
 
@ -moz-keyframes lắc lư {
      0% {-moz-biến đổi: xoay (-15deg); }
    100% {-moz-biến đổi: xoay (15deg); }
}
 
@ -webkit-keyframes lắc lư {
      0% {-webkit-biến đổi: xoay (-15deg); }
    100% {-webkit-biến đổi: xoay (15deg); }
}
 
@ -o-keyframes lắc lư {
      0% {-o-biến đổi: xoay (-15deg); }
    100% {-o-biến đổi: xoay (15deg); }
}
 
@ -ms-keyframes lắc lư {
      0% {-ms-biến đổi: xoay (-15deg); }
    100% {-ms-biến đổi: xoay (15deg); }
}
 
@keyframes lắc lư {
      0% {biến đổi: xoay (-15deg); }
    100% {biến đổi: xoay (15deg); }
} 

6. Kết hợp nhiều biểu tượng

Một hạn chế lớn đối với phông chữ biểu tượng là chúng sử dụng nội dung SVG để tạo biểu tượng, không hỗ trợ độ trong suốt hoặc nhiều màu sắc. Một cách giải quyết vấn đề này là đặt các biểu tượng trực tiếp lên trên nhau và tạo kiểu cho từng biểu tượng như mong muốn.

Xem Thêm  Vòng lặp trong JavaScript - cách lặp trong js

Để đạt được điều này, tôi đã xếp chồng hai biểu tượng bằng cách cho chúng định vị tuyệt đối và căn giữa hai biểu tượng. Dưới đây là HTML và CSS được sử dụng để tạo bản trình diễn này.

 HTML
& lt; span class = "icon-laptop stacked" & gt; & lt; / span & gt; & lt; span class = "icon-cloud stacked" & gt; & lt; / span & gt; 
 CSS
.stacked {
vị trí: tuyệt đối;
text-align: center;
chiều rộng: 84px;
}

.icon-máy tính xách tay {
font-size: 64px;
màu: #BBB
}

.icon-cloud {
font-size: 32px;
chiều cao dòng: 58px;
màu: # 318EC3
} 

Sử dụng Phông chữ Biểu tượng trong Ứng dụng Máy tính để bàn

iconfont-photoshop

Phông chữ Biểu tượng cũng tương thích với các ứng dụng máy tính để bàn. Điều này thật tuyệt nếu bạn muốn sử dụng các biểu tượng trong các mô hình trang web của mình. Miễn là phông chữ có sẵn ở định dạng .ttf, hãy làm theo các bước bên dưới.

1. Tải xuống phiên bản .ttf của phông chữ vào máy tính của bạn. Nếu bạn là máy Mac, hãy nhấp đúp vào tệp .ttf và bạn sẽ được nhắc tải xuống thư mục phông chữ của mình. Nếu bạn đang sử dụng máy tính Windows, nếu việc nhấp đúp vào tệp .ttf không hoạt động, bạn sẽ cần đặt tệp .ttf vào thư mục ‘Phông chữ’ có trong Pa-nen Điều khiển.

2. Tạo hộp văn bản trong bất kỳ ứng dụng máy tính nào bạn đang làm việc và chọn phông chữ biểu tượng của bạn từ menu phông chữ.

3. Nếu các biểu tượng được gán ký tự la tinh, thì bạn sẽ có thể nhập ‘a’, ví dụ: và ký tự được gán cho ‘a’ sẽ xuất hiện. Tuy nhiên, nhiều phông chữ biểu tượng chỉ định Unicodes cho mỗi ký tự (tức là U + e000). Để gõ điều này trên bàn phím, bạn sẽ cần phải giữ phím Alt (tùy chọn trên máy Mac) trong khi nhập bốn chữ số sau U +. Vì vậy, để gõ một ký tự với unicode U + e000, bạn sẽ giữ Alt và gõ e000. Lưu ý: Trên máy Mac, bạn sẽ cần bật Phương thức nhập Unicode Hex trong cài đặt bàn phím.

Phông chữ này cùng với Các Biểu tượng Thanh lịch sử dụng Unicodes. Chúng tôi đã cung cấp mã HTML cho bạn (tức là & amp; #x e000). Bốn chữ số theo sau & amp; #x trong mã hmtl là bốn chữ số cuối giống nhau mà bạn cần để nhập mã đơn nguyên (nếu chỉ có hai chữ số sau & amp; #x, hãy nhập 00 trước hai chữ số).

Để thuận tiện hơn nữa, đối với phông chữ chúng tôi phát hành ngày hôm nay, chúng tôi đã cung cấp danh sách mọi biểu tượng, tên lớp và mã html của nó bên dưới. Bạn chỉ cần sao chép một biểu tượng và dán biểu tượng đó vào ứng dụng máy tính để bàn của mình.

Tên lớp biểu tượng dòng ET và mã Unicode

.icon-mobile [& amp; # xe000;]

.icon-laptop [& amp; # xe001;]

.icon-desktop [& amp; # xe002;]

.icon-tablet [& amp; # xe003;]

.icon-phone [& amp; # xe004;]

.icon-document [& amp; # xe005;]

.icon-Documents [& amp; # xe006;]

.icon-search [& amp; # xe007;]

.icon-clipboard [& amp; # xe008;]

.icon-Newspaper [& amp; # xe009;]

.icon-notebook [& amp; # xe00a;]

.icon-book-open [& amp; # xe00b;]

.icon-browser [& amp; # xe00c;]

.icon-calendar [& amp; # xe00d;]

.icon-Presentation [& amp; # xe00e;]

.icon-picture [& amp; # xe00f;]

.icon-Pictures [& amp; # xe01;]

.icon-video [& amp; # xe011;]

.icon-camera [& amp; # xe012;]

.icon-print [& amp; # xe013;]

.icon-toolbox [& amp; # xe014;]

.icon-cặp táp [& amp; # xe015;]

.icon-wallet [& amp; # xe016;]

.icon-gift [& amp; # xe017;]

.icon-bargraph [& amp; # xe018;]

.icon-grid [& amp; # xe019;]

.icon-expand [& amp; # xe01a;]

.icon-focus [& amp; # xe01b;]

.icon-edit [& amp; # xe01c;]

.icon-Adjust [& amp; # xe01d;]

.icon-ribbon [& amp; # xe01e;]

.icon-giờ cát [& amp; # xe01f;]

.icon-lock [& amp; # xe020;]

.icon-megaphone [& amp; # xe021;]

.icon-khiên [& amp; # xe022;]

.icon-cúp [& amp; # xe023;]

.icon-flag [& amp; # xe024;]

.icon-map [& amp; # xe025;]

.icon-puzzle [& amp; # xe026;]

.icon-basket [& amp; # xe027;]

.icon-phong bì [& amp; # xe028;]

.icon-streetign [& amp; # xe029;]

.icon-kính thiên văn [& amp; # xe02a;]

.icon-gears [& amp; # xe02b;]

.icon-key [& amp; # xe02c;]

.icon-paperclip [& amp; # xe02d;]

.icon-attachment [& amp; # xe02e;]

.icon-pricetags [& amp; # xe02f;]

.icon-lightbulb [& amp; # xe030;]

.icon-layer [& amp; # xe031;]

.icon-pencil [& amp; # xe032;]

.icon-tools [& amp; # xe033;]

.icon-tools-2 [& amp; # xe034;]

.icon-pull [& amp; # xe035;]

Xem Thêm  Nút radio JavaScript - kiểm tra xem nút radio được chọn js

.icon-paintbrush [& amp; # xe036;]

.icon-kính lúp [& amp; # xe037;]

.icon-circle-compa [& amp; # xe038;]

.icon-linegraph [& amp; # xe039;]

.icon-mic [& amp; # xe03a;]

.icon-strategy [& amp; # xe03b;]

.icon-beaker [& amp; # xe03c;]

.icon-caution [& amp; # xe03d;]

.icon-recycle [& amp; # xe03e;]

.icon-anchor [& amp; # xe03f;]

.icon-profile-male [& amp; # xe040;]

.icon-profile-Female [& amp; # xe041;]

.icon-bike [& amp; # xe042;]

.icon-wine [& amp; # xe043;]

.icon-hotairballoon [& amp; # xe044;]

.icon-Glo [& amp; # xe045;]

.icon-thiên tài [& amp; # xe046;]

.icon-map-pin [& amp; # xe047;]

.icon-dial [& amp; # xe048;]

.icon-chat [& amp; # xe049;]

.icon-heart [& amp; # xe04a;]

.icon-cloud [& amp; # xe04b;]

.icon-upload [& amp; # xe04c;]

.icon-download [& amp; # xe04d;]

.icon-traget [& amp; # xe04e;]

.icon-nguy hiểm [& amp; # xe04f;]

.icon-piechart [& amp; # xe050;]

.icon-speedometer [& amp; # xe051;]

.icon-global [& amp; # xe052;]

.icon-la bàn [& amp; # xe053;]

.icon-lifeaver [& amp; # xe054;]

.icon-clock [& amp; # xe055;]

.icon -perture [& amp; # xe056;]

.icon-quote [& amp; # xe057;]

.icon-scope [& amp; # xe058;]

.icon-alertclock [& amp; # xe059;]

.icon-refresh [& amp; # xe05a;]

.icon-happy [& amp; # xe05b;]

.icon-sad [& amp; # xe05c;]

.icon-facebook [& amp; # xe05d;]

.icon-twitter [& amp; # xe05e;]

.icon-googleplus [& amp; # xe05f;]

.icon-rss [& amp; # xe060;]

.icon-tumblr [& amp; # xe061;]

.icon-linkedin [& amp; # xe062;]

.icon-dribbble [& amp; # xe063;]

Đây chỉ là một số điều bạn có thể làm với phông chữ biểu tượng, vì vậy tôi hy vọng rằng bài đăng này đã cung cấp cho bạn những công cụ cần thiết để bắt đầu sử dụng chúng trong các trang web của riêng bạn và thậm chí có thể tạo một phông chữ biểu tượng của riêng bạn!


Xem thêm những thông tin liên quan đến chủ đề cách sử dụng các biểu tượng phông chữ

Thêm Icon Fonts vào website nhanh chóng với Fontawesome | Unitop.vn

alt

  • Tác giả: Phan Văn Cương [Học Web Online]
  • Ngày đăng: 2021-07-25
  • Đánh giá: 4 ⭐ ( 4033 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Icon fonts là một phần rất quan trọng trong website trong video này tôi hướng dẫn chi tiết bạn cách chúng ta sử dụng icon fonts một cách nhanh chóng qua 4 bước cơ bản.
    1. Import thư viện fontawesome vào website
    2. Tìm kiếm icon
    3. Lấy mã html icon
    4. Dán vào website
    Bạn theo dõi video để thực hành chính xác.
    ——
    » » Bấm đăng ký kênh để tránh bỏ sót video mới://bit.ly/2RMvXez
    » » Nhận tài liệu học web miễn phí qua mail: https://www.hocwebdilam.com
    ————
    Liên Kết Quan Trọng
    » Nhận tài liệu miễn phí: https://hocwebdilam.com?utm_source=youtube
    » Blog lập trình: http://unitop.com.vn
    » Đăng ký khoá học web đi làm: https://unitop.vn
    » Fanpage: https://facebook.com/unitop.vn
    » Fb: https://facebook.com/cuongtienlen

    ————————–
    Xem Lộ Trình Học Lập Trình Web Đi Làm
    » http://unitop.vn

    unitop hocwebdilam

Tải font chữ Tiểu học, font chữ viết tay tiếng Việt và cài trên máy tính

  • Tác giả: quantrimang.com
  • Đánh giá: 5 ⭐ ( 2959 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Font chữ Tiểu học này cần phải tải và cài thêm từ bên ngoài, do không có sẵn trong máy tính. Bài viết sẽ hướng dẫn bạn đọc cách tải và cài font chữ Tiểu học trên máy tính, cũng như cách sử dụng font chữ viết tay tiếng Việt này dễ dàng nhất.

7 Loại logo và cách sử dụng trong thực tiễn hiệu quả nhất

  • Tác giả: www.saokim.com.vn
  • Đánh giá: 4 ⭐ ( 1865 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Logo là một hình ảnh tượng trưng, một bản thiết kế đại diện cho doanh nghiệp của bạn. Nhưng bạn có đếm có các loại logo khác nhau nào không?

Những cách chỉnh font chữ trong win 10 đơn giản nhất

  • Tác giả: thuvienthuthuat.net
  • Đánh giá: 5 ⭐ ( 9821 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn 3 cách chỉnh font chữ trong win 10 bằng phần mềm, câu lệnh và chỉnh font chữ icon trực tiếp trên Microsoft Store đơn giản, mới nhất 2021…

Sử dụng bộ chọn phông chữ hiện đại trong Office

  • Tác giả: support.microsoft.com
  • Đánh giá: 3 ⭐ ( 3041 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

9 phông chữ để thiết kế logo cực ấn tượng

  • Tác giả: www.beeart.vn
  • Đánh giá: 4 ⭐ ( 8076 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Phông chữ là một trong những yếu tố cực kì quan trọng trong thiết kế logo. Nếu bạn đang tìm kiếm một phông chữ thiết kế logo để khởi đầu cho sự thay đ…

5 loại phông chữ và cách sử dụng chúng

  • Tác giả: bestprint.vn
  • Đánh giá: 4 ⭐ ( 6604 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nếu bạn đang đắm mình trong thế giới rộng lớn của kiểu chữ, có lẽ bạn sẽ thấy hơi choáng ngợp. Hơn hầu hết mọi yếu tố thiết kế khác, phông chữ cung cấp cả

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình