Làm thế nào để Customize Fonts trong Squarespace - núm vú

Khi bạn viết nội dung cho trang web của mình, Squarespace cho phép bạn sắp xếp từng từ hoặc nhóm từ. Tuy nhiên, trong Trình chỉnh sửa Phong cách, bạn không định kiểu các từ riêng lẻ trên trang web của mình. Thay vào đó, bạn sắp xếp các phần tử văn bản mà trang web của bạn chứa, chẳng hạn như tiêu đề trang web của bạn hoặc tiêu đề bài đăng trên blog. Trình chỉnh sửa Phong cách cho phép bạn kiểm soát các yếu tố này được hiển thị trên toàn bộ trang web như thế nào.

Tất cả các mẫu của Squarespace là duy nhất, vì vậy chúng không hiển thị các tùy chọn kiểu dáng giống nhau. Vì vậy, các tùy chọn tạo kiểu sau có thể hoặc không thể có sẵn cho các yếu tố typography của bạn:

Font chữ: Thay đổi phông chữ

Kiểu chữ: Làm văn bản đậm hoặc nghiêng

Cỡ ​​chữ: Thay đổi kích thước văn bản

Chiều cao dòng: Thay đổi chiều cao của mỗi dòng văn bản

Chuyển đổi văn bản: Thay đổi trường hợp (chữ hoa, chữ thường, viết hoa)

Trang trí văn bản: Gạch dưới, văn bản

Khoảng cách chữ cái: Kiểm soát khoảng trống giữa các ký tự riêng biệt (được gọi là kerning )

Cách chọn phông chữ từ danh sách (dài) > Squarespace cung cấp truy cập vào một danh sách dài các phông chữ từ các phông chữ web của Google và Adobe Typekit. Để tìm ra những phông chữ nào có sẵn, hãy nhấp vào một phần tử trong phần Typography của Editor Phong cách. Cửa sổ phông chữ bật lên xuất hiện. Ở đầu cửa sổ, bạn thấy phông chữ được sử dụng cho phần tử đó. Để chọn phông chữ khác, nhấp vào phông chữ và sau đó nhấp vào một phông chữ trong danh sách xuất hiện.

May mắn thay, mỗi font trong danh sách được hiển thị trong phông chữ đó, làm cho danh sách một bản xem trước của phông chữ trông như thế nào. Nhưng để xem làm thế nào tất cả các chữ cái và số nhìn trong một phông chữ cụ thể, bạn phải chọn nó.

Danh sách phông chữ vẫn mở, và phần tử đã chọn trong trang web của bạn được cập nhật bằng phông chữ mới. Nếu bạn không thích những gì bạn thấy, tiếp tục chọn phông chữ trong danh sách cho đến khi bạn tìm thấy một trong những bạn thích.

Chọn đúng kích cỡ

Thiết lập kích thước văn bản của bạn là đơn giản. Nếu bạn muốn văn bản cho phần tử được chọn lớn hơn hoặc nhỏ hơn, bạn chỉ cần điều chỉnh kích thước mặc định cho phù hợp, có thể được thực hiện bằng một trong hai cách:

Trong cửa sổ phông chữ bật lên, di con trỏ lên tùy chọn Phông chữ để tiết lộ một thanh trượt bạn có thể kéo để điều chỉnh kích thước của phông chữ.

• Khi bạn kéo thanh trượt sang trái hoặc phải, giá trị số của kiểu chữ được cập nhật và văn bản trên trang web của bạn thay đổi. Nhấp đúp vào giá trị số của kiểu chữ và gõ một giá trị mới.

• Nếu bạn muốn đặt kích thước font cho một giá trị cụ thể, gõ nó sẽ dễ hơn điều chỉnh giá trị bằng thanh trượt. Một số mẫu sẽ hiển thị cài đặt kích thước phông chữ cho các phần tử cụ thể trong khu vực cài đặt Kích thước và Giá trị của Trình chỉnh sửa Phong cách.

Làm thế nào để quyết định chữ đậm hoặc in nghiêng

Một số phông chữ có thiết lập đậm, hoặc một thiết lập nghiêng, hoặc cả hai. Các phông chữ khác được thiết kế với các mức đậm hoặc nghiêng khác nhau.

Nếu phông chữ bạn chọn có cài đặt in đậm hoặc nghiêng, nó sẽ xuất hiện trong cửa sổ kiểu dáng văn bản. Chỉ cần nhấp vào hộp kiểm cạnh chữ đậm hoặc chữ nghiêng để đặt phông chữ của bạn theo phong cách đó.

Nếu phông chữ có mức đậm khác nhau, bạn sẽ thấy một tùy chọn khác thay cho Bold và Italic được gọi là Style. Tùy chọn Kiểu có một danh sách bật lên các con số, được gọi là

trọng lượng, tăng dần với số tăng 100. Con số càng cao thì phông chữ càng dầy hơn. Nói chung, một giá trị 400 được coi là giống như một phông chữ thường. Chiều rộng dòng chữ và khoảng cách chữ cái

Bạn nên đảm bảo văn bản của bạn đủ rộng để khách truy cập dễ dàng đọc trang web của bạn. Squarespace cung cấp cho bạn một vài cách để làm cho văn bản của bạn trở nên rõ ràng hơn:

Chiều cao dòng:

• Chiều cao chiều cao được tính bằng đơn vị em. Một em tương đương với giá trị pixel của kích thước phông chữ của bạn. Vì vậy, nếu kích thước phông chữ của bạn là 12 pixel (px), đặt chiều cao của dòng là 1em bằng chiều cao của dòng là 12px, và đặt chiều cao của dòng là 2em bằng chiều cao của dòng là 24px. Điều gì sẽ 1. 5e bằng nhau nếu kích thước phông chữ của bạn vẫn còn 12px? Đúng vậy, 18px. (Half of 12 là 6, và 12 plus 6 pixels bằng 18. Whew Tôi đặt cược rằng bạn không bao giờ nghĩ rằng toán học sẽ có ích để thiết kế một trang web) Khi thiết lập chiều cao dây chuyền, tôi đề nghị không bao giờ đi dưới 1. 2em để cho phép một chút không gian cho các chữ cái có dấu gạch nối (như g, j, và p).

  Khoảng cách chữ cái:

• Khoảng cách giữa các chữ cái, hay còn gọi là kerning, là khoảng cách giữa các ký tự riêng biệt. Khoảng cách giữa các chữ cái được sử dụng tốt nhất trên tiêu đề và tiêu đề, chứ không phải cho văn bản cơ thể. Khi đo khoảng cách chữ cái trong Squarespace, các đơn vị tính bằng pixel. Bạn có thể thêm một giá trị âm để mang các chữ cái gần nhau hơn. Để thay đổi chiều cao đường thẳng hoặc khoảng cách dòng, bạn sử dụng thanh trượt xuất hiện khi bạn di chuột qua một trong hai tùy chọn, như thể hiện trong hình 7-9.

Chuyển đổi văn bản với thay đổi trường hợp

Bạn có thể muốn hiển thị tiêu đề và tiêu đề dưới dạng chữ in hoa hoặc tất cả các chữ thường mặc dù bạn gõ chúng như thế nào trong trang web của bạn. Hoặc có thể bạn muốn chữ cái đầu tiên của mỗi từ trong một tiêu đề được viết hoa. Bạn có thể thực hiện việc này bằng cách chọn tuỳ chọn thích hợp cho cài đặt Chuyển văn bản.

Trong cửa sổ phông chữ của kiểu chữ Typography (xem hình 7-5), nhấp vào tùy chọn Text Transform để hiển thị menu pop-up với các lựa chọn của bạn: None, Capitalize (cap chữ cái đầu tiên), chữ hoa (cap all letters), và chữ thường (chữ thường tất cả các chữ cái).

Đối với tiêu đề bài đăng blog, tôi luôn rời khỏi tính năng Chuyển văn bản được đặt thành Không. Tại sao? Việc tạo kiểu văn bản bằng tính năng Chuyển văn bản là tuyệt đối và không tính đến các từ như iPhone và các thuật ngữ mà bạn thường viết thường trong các tiêu đề, chẳng hạn như giới từ.Đọc thanh bên "Công cụ tìm kiếm đọc văn bản nhưng không nhìn thấy" để biết thêm về việc sử dụng tính năng Chuyển văn bản.