1. .NET
  2. Nasıl Yapılır
  3. Yazı Tipleri (Web ve Simge)
C#'ta PDF'ler İçin Yazı Tipleri Nasıl Ayarlanır

Set Fonts in PDFs with IronPDF C

Curtis Chau
Curtis Chau
Güncellendi:
This article was translated from English: Does it need improvement?
Translated
View the article in English

IronPDF, C# geliştiricilerinin HTML'den özel web yazı tipleri ve simge yazı tipleri ile PDF'ler oluşturmasına olanak tanır. Google Fonts gibi harici yazı tipi hizmetlerini ve CSS @font-face kuralları aracılığıyla yerel yazı tipi dosyalarını destekler, böylece oluşturulan tüm PDF'lerde tutarlı bir tipografi sağlar.

Webfont, web sitelerinde kullanım için özel olarak tasarlanmış bir yazı tipidir. Bu yazı tipleri, web tarayıcıları tarafından indirilir ve web sitelerinde, kullanıcının yerel yazı tiplerine bakılmaksızın, tutarlı ve görsel olarak çekici metin oluşturmayı sağlar. Ayrıca, sembol ve glifleri kullanan simge yazı tipleri, CSS manipülasyonu yoluyla ölçeklenebilir, özelleştirilebilir simgeler yaratmak ve görsel olarak tutarlı kullanıcı arayüzü sağlamak için web tasarımında sıklıkla kullanılır. IronPDF'nin yazı tipi yönetim yetenekleri ile, geliştiriciler bu yazı tiplerini kolayca PDF oluşturma iş akışlarına entegre edebilir.

CSS, web yazı tiplerini içerecek şekilde web sitenize erişildiğinde indirilecek yazı tipi dosyalarını belirtmenize olanak tanır. IronPDF, HTML'den PDF'ye yazı tipi yükleme ve oluşturmayı destekler, bu da belirli marka veya tipografi standartlarını gerektiren belgelerin oluşturulması için idealdir. Uluslararası içerikle çalışan geliştiriciler için, IronPDF ayrıca UTF-8 ve uluslararası dil desteği sağlar.

Hızlı Başlangıç: PDF Oluşturulmasında Web Yazı Tipleri Kullanma

PDF'lerinize web ve simge yazı tiplerini, IronPDF'nin C# kütüphanesini kullanarak dahil edin. Bu kılavuz, özel yazı tipleri ile HTML içeriğini nasıl oluşturacağınızı gösterir ve tutarlı ve görsel olarak çekici PDF'ler sağlar. Sadece HTML'i IronPDF ile oluşturun ve stil verilmiş belgenizi saniyeler içinde kaydedin. Başlamadan önce, projenize IronPDF'yi yüklediğinizden emin olun.

  1. IronPDF aşağıdaki NuGet Paket Yöneticisi ile yükleyin

    PM > Install-Package IronPdf

  2. Bu kod parçacığını kopyalayın ve çalıştırın.

    new IronPdf.ChromePdfRenderer { RenderingOptions = { WaitFor = IronPdf.Rendering.WaitFor.AllFontsLoaded(2000) } }
    .RenderHtmlAsPdf("<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\">" +
                     "<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css\" rel=\"stylesheet\">" +
                     "<p style=\"font-family:'Lobster', serif; font-size:30px;\">Hello Google Font</p>" +
                     "<i class=\"fa fa-coffee\" style=\"font-size:40px; color:#b00;\"></i>")
    .SaveAs("webfonts-icons.pdf");

  3. Canlı ortamınızda test için dağıtım yapın

    Ücretsiz deneme ile bugün projenizde IronPDF kullanmaya başlayın

    arrow pointer

Asgari İş Akışı (5 adım)

  1. PDF'lerde yazı tiplerini ayarlamak için C# kütüphanesi IronPDF'yi indirin
  2. HTML kullanarak dış kaynaktan yazı tiplerini içe aktarın veya isteyin
  3. Yazı tipi yükleme sürecini sağlamak için oluşturma sürecini geciktirin
  4. HTML'i olduğu gibi PDF'ye dönüştürün
  5. CSS stilinde @font-face kuralını kullanarak yazı tipi dosyası içe aktarma

PDF'lerde Web Yazı Tipleri ve Simge Yazı Tiplerini Nasıl Kullanırım?

IronPDF, Web Yazı Tipleri (Google Fonts ve Adobe web yazı tipi API'si gibi) ve simge yazı tiplerini, Bootstrap ve FontAwesome gibi destekler. Bu destek, IronPDF'yi basit belgelerden markalanmış unsurlarla karmaşık raporlara kadar gelişmiş tipografi gerektiren projeler için uygun kılar.

Yazı tiplerinin doğru yüklenmesi için genellikle oluşturulmada bir gecikme gereklidir. Bir yazı tipi doğru yüklenmezse, metin olmadan boş bir sayfaya yol açabilir. WaitFor.AllFontsLoaded yöntemini kullanarak, ona maksimum bekleme süresi atayarak tüm yazı tiplerinin yüklenmesini bekleyebilirsiniz. Varsayılan maksimum bekleme süresi 500ms'dir. JavaScript veya dinamik içerik içeren daha karmaşık senaryolar için, gelişmiş oluşturma tekniklerini kapsayan HTML'den PDF'ye kılavuzumuzu keşfedin.

Projenizde Lobster adlı bir Web Yazı Tipi nasıl kullanılacağına dair küçük bir örnek.

:path=/static-assets/pdf/content-code-examples/how-to/webfonts-webicons-render-webfont.cs
using IronPdf;

// HTML contains webfont
var html = @"<link href=""https://fonts.googleapis.com/css?family=Lobster"" rel=""stylesheet"">
<p style=""font-family: 'Lobster', serif; font-size:30px;"" > Hello Google Fonts</p>";

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Wait for font to load
renderer.RenderingOptions.WaitFor.AllFontsLoaded(2000);

// Render HTML to PDF
PdfDocument pdf = renderer.RenderHtmlAsPdf(html);

// Export the PDF
pdf.SaveAs("font-test.pdf");
Imports IronPdf

' HTML contains webfont
Private html = "<link href=""https://fonts.googleapis.com/css?family=Lobster"" rel=""stylesheet"">
<p style=""font-family: 'Lobster', serif; font-size:30px;"" > Hello Google Fonts</p>"

Private renderer As New ChromePdfRenderer()

' Wait for font to load
renderer.RenderingOptions.WaitFor.AllFontsLoaded(2000)

' Render HTML to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlAsPdf(html)

' Export the PDF
pdf.SaveAs("font-test.pdf")
$vbLabelText   $csharpLabel

'Sınıf Belgeleri'nde yazı tipleri, JavaScript, HTML öğeleri ve ağ bekleme durumu gibi WaitFor seçeneklerini keşfedin. Ekran boyutuna bağlı olarak yazı tiplerini uyarlayan duyarlı tasarımlar için, PDF oluşturma için duyarlı CSS rehberimize göz atın.

Yazı Tipi Yükleme Süresi Neden Önemlidir?

Bir yazı tipi doğru yüklenmezse, metin olmadan boş bir sayfaya yol açabilir. WaitFor.AllFontsLoaded yöntemini kullanarak, ona maksimum bekleme süresi atayarak tüm yazı tiplerinin yüklenmesini bekleyebilirsiniz. Varsayılan maksimum bekleme süresi 500ms'dir. Bu zamanlama düşüncesi, özellikle webGL içeriğini PDF'ye oluştururken gelişmiş web uygulamaları veya birden fazla kaynağın sırayla yüklenmesi gereken durumda önemlidir.

Yazı tipi yükleme gecikmeleri, ağ hızı, yazı tipi dosya boyutu ve sunucu yanıt süresi gibi çeşitli faktörlere bağlı olarak değişebilir. Birden fazla özel yazı tipi veya simge kütüphanesi ile çalışırken, tüm tipografinin doğru şekilde oluşturulmasını sağlamak için bekleme süresini arttırmanız önerilir. Bu, profesyonel belgeler için özellikle önemlidir, nerede ki eksik yazı tipleri okunabilirliği ve marka tutarlılığını etkileyebilir.

Hangi Yazı Tipi Hizmetleri Destekleniyor?

IronPDF, Web Yazı Tipleri (Google Fonts ve Adobe web yazı tipi API'si gibi) ve simge yazı tiplerini, Bootstrap ve FontAwesome gibi destekler. Ayrıca, IronPDF destekler:

  • Google Fonts (tüm katalog)
  • Adobe Fonts (Typekit)
  • Font Awesome simgeleri (tüm sürümler)
  • Bootstrap Simgeleri
  • Material Design Simgeleri
  • CSS @import veya link etiketleri aracılığıyla özel web yazı tipi hizmetleri
  • Çeşitli formatlarda kendi sunucusunda barındırılan yazı tipi dosyaları (TTF, OTF, WOFF, WOFF2)

Yazı Tipleri Düzgün Yüklenmezse Ne Olur?

Yazı tiplerinin doğru yüklenmesi için genellikle oluşturulmada bir gecikme gereklidir. Bir yazı tipi doğru yüklenmezse, metin olmadan boş bir sayfaya yol açabilir. Böyle durumlarda, tarayıcılar tipik olarak sistem varsayılan yazı tiplerine geri döner ve bu da belgenin görsel tutarlılığını bozabilir. IronPDF, yazı tipi yükleme hatalarını ele almak için birkaç mekanizma sağlar:

  1. Yedek yazı tipi zincirleri: CSS font-family bildiriminizde birden fazla yazı tipi tanımlayın
  2. Uzatılmış bekleme süreleri: Daha yavaş bağlantılar için AllFontsLoaded zaman aşımı süresini artırın
  3. Yerel yazı tipi gömme: Kullanılabilirliği garanti altına almak için base64 kodlu yazı tipleriyle @font-face kullanın
  4. Yazı Tipi Önyükleme: Yazı tipi yüklemesini önceliklendirilecek şekilde HTML ön yükleme etiketlerini kullanın

Yazı Tipi Dosyalarını Doğrudan Nasıl İthal Edilir?

Mevcut bir yazı tipi dosyasını kullanmak için, CSS stilinde @font-face kuralını uygulayın. Ayrıca, @font-face kuralı ile base64 kodlu woff dosyalarının gömülmesinin bir kombinasyonu kullanıldığında da çalışır. Aşağıdaki örnekte, Pixelify Sans Yazı Tipi'ni kullanacağım.

:path=/static-assets/pdf/content-code-examples/how-to/webfonts-webicons-custom-font.cs
using IronPdf;

// Import custom font
string html = @"<!DOCTYPE html>
<html>
<head>
<style>
@font-face {font-family: 'Pixelify';
src: url('fonts\PixelifySans-VariableFont_wght.ttf');
}
p {
    font-family: 'Pixelify';
    font-size: 70px;
}
</style>
</head>
<body>
<p>Custom font</p>
</body>
</html>";

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Render HTML to PDF
PdfDocument pdf = renderer.RenderHtmlAsPdf(html);

// Export the PDF
pdf.SaveAs("customFont.pdf");
Imports IronPdf

' Import custom font
Private html As String = "<!DOCTYPE html>
<html>
<head>
<style>
@font-face {font-family: 'Pixelify';
src: url('fonts\PixelifySans-VariableFont_wght.ttf');
}
p {
    font-family: 'Pixelify';
    font-size: 70px;
}
</style>
</head>
<body>
<p>Custom font</p>
</body>
</html>"

Private renderer As New ChromePdfRenderer()

' Render HTML to PDF
Private pdf As PdfDocument = renderer.RenderHtmlAsPdf(html)

' Export the PDF
pdf.SaveAs("customFont.pdf")
$vbLabelText   $csharpLabel

Hangi Yazı Tipi Dosya Formatlarını Kullanabilirim?

Mevcut bir yazı tipi dosyasını kullanmak için, CSS stilinde @font-face kuralını uygulayın. Ayrıca, @font-face kuralı ile base64 kodlu woff dosyalarının gömülmesinin bir kombinasyonu kullanıldığında da çalışır. IronPDF aşağıdaki yazı tipi dosya formatlarını destekler:

  • TTF (TrueType Font): Ekran ve baskı için ideal, geniş destekli
  • OTF (OpenType Font): Gelişmiş tipografi özellikleri, profesyonel belgeler için uygun
  • WOFF (Web Open Font Format): Web kullanımı için optimize edilmiş sıkıştırılmış format
  • WOFF2: WOFF üzerinde geliştirilmiş sıkıştırma, daha küçük dosya boyutları
  • EOT (Embedded OpenType): Eski tarayıcılar için geçmiş format
  • SVG yazı tipleri: Vektör tabanlı yazı tipleri (bazı platformlarda sınırlamalara sahip)

Yerel Yazı Tipleri ve Web Yazı Tipleri Ne Zaman Kullanılmalı?

Mevcut bir yazı tipi dosyasını kullanmak için, CSS stilinde @font-face kuralını uygulayın. Yerel ve web yazı tipleri arasındaki seçim, birkaç faktöre bağlıdır:

Yerel Yazı Tiplerini Kullan When:

  • Çevrimdışı veya kısıtlı ağ ortamlarında çalışma
  • Garanti edilen yazı tipi kullanılabilirliğine ihtiyaç duyma
  • Tescilli veya lisanslı yazı tipleriyle uğraşma
  • Ağ gecikmeleri olmadan daha hızlı işleme için optimize etme
  • Katı uygunluk gereksinimleri olan belgeler oluşturma

Web Yazı Tiplerini Kullanırken:

  • Google Fonts gibi büyük yazı tipi kütüphanelerini kullanma
  • Yazı tipi dosyalarında otomatik güncellemeler gerektirme
  • Uygulama paket boyutunu en aza indirme
  • Sıklıkla değişen tipografi gereksinimleriyle çalışma
  • İnternet bağlantısına zaten bağımlı olan uygulamalar geliştiriliyorsa

Azure Kullanırken Sınırlamalar Nelerdir?

Azure barındırma platformu, alt paylaşımlı web uygulaması katmanlarında sunucuların SVG yazı tiplerini yüklemesini desteklemez. Ancak, Azure'un VPS ve Web Role'ları aynı şekilde sanal kutulanmamış ve web yazı tipleri oluşturmayı destekler. Azure dağıtım rehberimiz, katman bazında sınırlamalar ve çözümleri kapsayan ayrıntılı Azure dağıtım rehberimize bakın.

Hangi Azure Katmanları Yazı Tipi Oluşturmayı Destekliyor?

Ancak, Azure'un VPS ve Web Role'ları aynı şekilde sanal kutulanmamış ve web yazı tipleri oluşturmayı destekler. Azure katman desteğinin bir dökümü:

Tam Yazı Tipi Desteği:

  • Azure Sanal Makineleri (tüm boyutlar)
  • Azure Web Rolleri
  • App Service Premium kademeleri (P1v2, P2v2, P3v2)
  • App Service İzole katmanlar

Yazı Tipi Desteği Sınırlı:

  • App Service Basic katmanı (B1, B2, B3) - Yalnızca web yazı tipleri
  • App Service Standard katmanı (S1, S2, S3) - Bazı SVG yazı tipi kısıtlamaları

Kişisel Yazı Tipi Desteği Yok:

  • App Service Ücretsiz katmanı (F1)
  • App Service Paylaşımlı katman (D1)

Neden Alt Azure Katmanlarında Yazı Tipi Sınırlamaları Var?

Azure barındırma platformu, alt paylaşımlı web uygulama katmanlarında sunucuların SVG yazı tiplerini yüklemesini, sanal kutulama sınırlamaları ve kaynak sınırlamaları nedeniyle desteklemez. Alt katmanlar, özel yazı tipi oluşturulması için gerekli olan belirli sistem düzeyinde işlemleri önleyen katı güvenlik sınırları uygular. Bu sınırlamalar, Azure'un çok kiracılı izolasyonu sürdürmesine ve paylaşılan ortamlarda kaynak suistimalini önlemesine yardımcı olur.

Bu sınırlamaları aşmak için şunları düşünün:

  1. Yazı tiplerini CSS'de base64 ile kodlanmış dizeler olarak yerleştirme
  2. Yalnızca CD'lerden web yazı tipleri kullanma
  3. Desteklenen bir ortamda PDF'leri önceden işleme
  4. Tam yazı tipi desteğine sahip daha yüksek bir Azure katmanına yükseltme

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Sıkça Sorulan Sorular

PDF belgelerimde Google Yazı Tiplerini nasıl kullanabilirim?

IronPDF, Google Yazı Tiplerini HTML işleme ile destekler. HTML başlık kısmınıza Google Yazı Tipleri linkini ekleyin ve CSS'te font-family uygulayın. IronPDF, PDF oluşturulurken bu yazı tiplerini indirir ve işler, böylece özel tipografiniz son belgede doğru şekilde görünür.

Web yazı tiplerim neden oluşturulan PDF'de doğru görünmüyor?

Web yazı tipleri, işleme öncesi yüklenmek için zaman gerektirebilir. IronPDF, RenderingOptions içinde WaitFor.AllFontsLoaded() seçeneği sunar ve yazı tiplerinin tamamen yüklenmesini sağlamak için bir gecikme (milisaniye cinsinden) ayarlamanıza olanak tanır. Bu, eksik veya yanlış işlenen yazı tiplerini önler.

PDF'lerimde FontAwesome ikonlarını kullanabilir miyim?

Evet, IronPDF, FontAwesome ve diğer ikon yazı tiplerini tam destekler. HTML'nize FontAwesome CSS'sini ekleyin ve uygun ikon sınıflarını kullanın. IronPDF, bu ikon yazı tiplerini PDF'nizde vektör grafikler olarak işler ve ölçeklenebilirlik ve görsel kalitelerini korur.

@font-face ile yerel yazı tipi dosyalarını nasıl kullanabilirim?

IronPDF, yerel yazı tipi dosyalarını yüklemek için CSS @font-face kurallarını destekler. CSS'nizde @font-face kuralınızı tanımlayın, yazı tipi dosya yolunu belirtin ve ardından HTML öğelerinize font-family uygulayın. IronPDF, işleme sırasında bu özel yazı tiplerini doğrudan PDF'ye gömecektir.

PDF oluşturma için desteklenen yazı tipi formatları nelerdir?

IronPDF, CSS @font-face kuralları veya harici yazı tipi hizmetleri aracılığıyla kullanıldığında WOFF, WOFF2, TTF ve OTF gibi standart web yazı tipi formatlarını destekler. Bu, bugün mevcut olan çoğu modern web yazı tipi ve ikon yazı tipleri ile uyumluluğu sağlar.

Farklı sistemlerde tutarlı tipografi nasıl sağlanır?

IronPDF, web yazı tiplerini oluşturulan PDF dosyalarının içine gömer, böylece özel tipografiniz izleyicinin sisteminde yüklü yazı tiplerinden bağımsız olarak tutarlı bir şekilde görüntülenir. Bu, dağıtılmış belgelerde marka tutarlılığı sağlamak için idealdir.

Curtis Chau
Curtis Chau
  Mühendislik ekibiyle şimdi sohbet edin
Teknik Yazar

Curtis Chau, Bilgisayar Bilimleri alanında Lisans Derecesine (Carleton Üniversitesi) sahip ve Node.js, TypeScript, JavaScript ve React konularında uzmanlaşmış ön uç geliştirmeyle ilgileniyor. Sezgisel ve estetik açıdan hoş kullanıcı arayüzleri oluşturma tutkunu, Curtis modern çerçevelerle çalışmayı ve iyi yapı...

Daha Fazla Oku
Başlamaya Hazır mısınız?
Nuget İndirmeler 19,014,616 | Sürüm: 2026.5 just released
Still Scrolling Icon

Hâlâ Kaydırıyor Musunuz?

Hızlıca kanıt ister misiniz? PM > Install-Package IronPdf
bir örnek çalıştır HTML'nizi bir PDF'ye dönüştüğünü izleyin.