Trang Chủ Xã hội Truyền thông Làm thế nào để Customize Fonts trong Squarespace - núm vú

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

Mục lục:

Video: How to Make a WEBSITE for FREE! 2025

Video: How to Make a WEBSITE for FREE! 2025
Anonim

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.

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

    Lựa chọn của người biên tập

    Mang quà Hostess - núm vú

    Mang quà Hostess - núm vú

    Khi bạn được mời đến nhà của người khác, cho chủ nhà một món quà nhỏ được gọi là quà tặng chủ nhà) luôn là một cử chỉ tốt đẹp, ngay cả khi lời mời không hướng dẫn bạn. Với một chai rượu vang, một cây có hoa, hoặc một món ăn ngon thì đây là một cách đáng để bạn thể hiện sự đánh giá cao của bạn và thể hiện sự xuất sắc của khách mời ...

    Trao quyền cho bản thân bằng cách tốt - những con voi

    Trao quyền cho bản thân bằng cách tốt - những con voi

    Dù bạn gọi nó là gì - cách cư xử, lịch thiệp, nghi thức, bạn có thể kết hợp nó với sự lãnh đạo. Khi bạn dẫn đầu trong việc làm cho mọi người dễ dàng và làm cho mọi tình huống dễ chịu, bạn thể hiện sự cân bằng. Sự trầm cảm đến từ sự tự tin. Trong khí hậu ngày nay, nghi thức và tục tĩu đôi khi được coi là hổ thẹn. Những người khác xem ...

    Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

    Nhận ra nỗ lực của Người cao tuổi để giấu cảm xúc khó chịu - những con voi

    Con người thường tự bảo vệ bản thân mình khỏi nỗi đau của riêng mình cảm xúc (bao gồm lo lắng, oán giận, thất vọng và trầm cảm) bằng cách che giấu những cảm xúc này - từ bản thân và từ người khác. Họ thường làm như vậy mà không hề biết rằng họ đang làm việc đó. Người cao niên cũng không ngoại lệ. Ẩn cảm xúc không phải lúc nào cũng là điều xấu - có thể là ...

    Lựa chọn của người biên tập

    Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

    Mạng Cisco: Mô hình OSI Lớp 5 - Lớp Session - Dummies

    Lớp phiên của Kết nối Hệ thống Mở (Open System Interconnection) (OSI) mô tả cách thức dữ liệu được định dạng giữa các thiết bị ở hai bên của liên kết. Đây là cách thức hiệu quả trong việc duy trì kênh mở giữa hai thiết bị. Tuy nhiên, ở các mức thấp của mô hình OSI, không có kết nối vĩnh viễn, nhưng ...

    Cisco Các mạng: Gói - núm vú

    Cisco Các mạng: Gói - núm vú

    Các bộ chứa dữ liệu được gọi là các khung trong lớp liên kết dữ liệu (Lớp 2) và các gói trong lớp mạng (lớp 3). Trong lớp mạng, bạn chỉ nhìn vào phần của khung được gọi là dữ liệu trong khung Ethernet. Khi khung Ethernet di chuyển lên từ lớp liên kết dữ liệu tới ...

    Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

    Cisco Mạng: Mô hình Mô hình Mạng OSI - núm vú

    Tổ chức Tiêu chuẩn hoá Quốc tế (ISO) thiết bị phải được thiết kế để giao tiếp với nhau. ISO đã đề xuất mô hình mạng cho phép truyền thông này diễn ra, và mặc dù điều này là tốt từ một mức độ lý thuyết, nó không phải luôn luôn theo sau, đặc biệt là kể từ khi nó được xuất bản sau nhiều mạng ...

    Lựa chọn của người biên tập

    Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

    Lập trình Java cho Android: Cài đặt Công cụ Phần mềm để Bắt đầu - những người có đầu

    Trước khi bạn có thể viết Các chương trình Java cho các thiết bị Android, bạn cần một số công cụ phần mềm. Nếu bạn là một tay cũ để cài đặt phần mềm, và nếu máy tính của bạn không phải là quirky, các bước này có lẽ sẽ phục vụ bạn tốt. Truy cập trang web Lập trình Java dành cho Nhà phát triển Android for Dummies và tải xuống tệp có chứa các ví dụ về chương trình. Truy cập Java ...

    Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

    Java Lập trình Thách thức: Thực hiện lại Tháp Hà Nội - đầu

    Thách thức này giúp bạn sử dụng tài năng lập trình của mình để viết một chương trình Java sẽ in các bước cần thiết để giải quyết một tháp Towers của Hà Nội puzzle cho số lượng đĩa. Tháp Hà Nội là một câu đố logic cổ điển bao gồm ba chốt đứng và một số đĩa có đường kính khác nhau. Mỗi

    Java: lặp lại và For Vòng lặp - núm vú

    Java: lặp lại và For Vòng lặp - núm vú

    Trong Java, giống như trong thế giới thực, có rất nhiều lần khi bạn lặp lại một cái gì đó. Tương tự như vậy, các ứng dụng có nhu cầu lặp lại nhiệm vụ. Thực hiện chúng một lần là không đủ, trong một số trường hợp. Chương này giúp bạn hiểu cách thực hiện cùng một nhiệm vụ nhiều lần. Một vòng lặp lặp đi lặp lại bao gồm một cấu trúc đặc biệt theo dõi khi nào ...