Not: Bu sayfa, bir web sayfasındaki yazı tipi türünün, boyutunun ve renginin değiştirilmesi ile ilgilidir. Microsoft Word için, yazı tipi rengini, boyutunu veya Word'de yazı tipini değiştirme sayfamıza bakın.

Bu belge, bir web sayfasında bir fontun ve renginin nasıl değiştirileceğine ilişkin talimatlar içerir. İlerleyen doğru sözdizimi, kullanımdan kaldırılan bir satır içi stil özniteliği veya yazı tipi etiketi yerine sınıf veya kimlik seçicileriyle birlikte Basamaklı Stil Sayfaları'nı kullanmaktır. Bununla birlikte, bu iki yöntemin hala çoğu İnternet tarayıcısıyla çalıştığını belirtmek önemlidir.

Devam etmek için, her bölümden öğrenmek veya okumak istediğiniz yöntemi seçin.

Bir web sayfasında yazı tipi yüzünü ve rengini yalnızca bir kez değiştirmeyi planlıyorsanız, öğe etiketindeki özniteliklerini değiştirmeniz gerekir. Stil özelliğini kullanarak, aşağıdaki örnekte gösterildiği gibi font yüzünü ve rengini font ailesi, renk ve font boyutunu font tipi ile belirtebilirsiniz.

Örnek kod

Bu yazı Courier yazı tipine sahip, Mavi ve 20 piksel.

Sonuç

Bu metin Courier yazı tipine sahip, Mavi ve 20 piksel boyutunda.

Bir veya daha fazla sayfa için CSS kullanma

Bir sayfa için özel yazı tipi

Web sayfanızın baş kısmında, metninizin çeşitli öğelerde görünümünü değiştirmek için sekmeler arasına kod ekleyebilirsiniz. Bir sonraki mavi kutu, bir kez çağrıldığında font yüzünüzü Courier olarak değiştiren ve kırmızı renklendiren örnek kod içerir. Gördüğünüz gibi sınıf adını "custom" olarak tanımladık.

 .custom {font-family: Courier; kırmızı renk; yazı tipi boyutu: 20 piksel; } 

Tanımlandıktan sonra, bu stil, "custom" sınıfını onlara ekleyerek sayfanızdaki çoğu öğeye uygulanabilir. Aşağıdaki kutu iki satır kod ve bunların sonuçlarını göstermektedir.

Örnek

Bütün bu cümle kırmızı ve Kurye

Sadece TEST kelimesi kırmızı ve Kurye'dir.

Sonuç

Bütün bu cümle kırmızı ve Kurye.

Sadece TEST kelimesi kırmızı ve Kurye'dir.

Birçok sayfa için özel yazı tipi

Harici bir CSS dosyasını içe aktarmak, kullanıcıların aynı anda birden fazla sayfa için kuralları değiştirmelerine izin vermesi bakımından çok faydalı olabilir. Aşağıdaki bölümde, yazı tipini ve çoğu öğenin rengini değiştiren temel bir CSS dosyası oluşturma örneği gösterilmektedir. Bu dosya birden fazla web sayfasına, hatta bir siteye yüklenebilir.

Herhangi bir temel metin düzenleyiciyi kullanarak, aşağıdaki metni bir .css dosyası olarak kaydetmek, içe aktarma için hazırlayacaktır.

 @ charset "utf-8";
.courier {font-family: Courier; renk: # 005CB9; } 

Önceki metin bir .css dosyasına yerleştirildikten sonra (bizim bizim basic.css adını verdik ), aşağıdaki örneğe benzer bir satır kullanarak başka herhangi bir sayfadan buna bağlantı verebilirsiniz.

İpucu: Kullanıcılar, içe aktarılan .css dosyasındaki kodu değiştirerek sayfadaki öğelerin niteliklerini değiştirebilir.

Yazı tipi etiketi çözümü

Kullanımdan kaldırılmasına rağmen, HTML etiketi hala kullanılabilir ve bazı çevrimiçi servislerde kullanılması gerekebilir. FONT etiketini kullanırken, kullanılacak yazı tipini tanımlayan face özelliğini eklemelisiniz. Aşağıdaki örnekte, Courier yazı tipini ve koyu mavi olan onaltılık renk kodunu # 005CB9 kullanıyoruz.

Örnek kod

 Özel bir font örneği. 

Sonuç