Set Fonts in PDFs with IronPDF C
IronPDF, C# geliştiricilerinin HTML'den özel web yazı tipleri ve simge yazı tipleri ile PDF'ler oluşturmasına olanak tanır. CSS @font-face kuralları aracılığıyla Google Fonts gibi harici font servislerini ve yerel font dosyalarını destekler, tüm oluşturulan PDF'ler arasında tutarlı 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şturma'da WebFonts Kullanımı
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.
-
IronPDF aşağıdaki NuGet Paket Yöneticisi ile yükleyin
-
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"); -
Canlı ortamınızda test için dağıtım yapın
Ücretsiz deneme ile bugün projenizde IronPDF kullanmaya başlayın
Asgari İş Akışı (5 adım)
- PDF'lerde yazı tiplerini ayarlamak için C# kütüphanesi IronPDF'yi indirin
- HTML kullanarak dış kaynaktan yazı tiplerini içe aktarın veya isteyin
- Yazı tipi yükleme sürecini sağlamak için oluşturma sürecini geciktirin
- HTML'i olduğu gibi PDF'ye dönüştürün
- CSS stilinde
@font-facekuralı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. Maksimum bekleme süresi atayarak tüm fontlar yüklendiğinde beklemek için WaitFor.AllFontsLoaded metodunu kullanabilirsiniz. Varsayılan maksimum bekleme süresi 500ms. 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")
'Sınıf Dokümantasyonu' üzerindeki fontlar, JavaScript, HTML öğeleri ve ağ bekleme gibi diğer 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. Maksimum bekleme süresi atayarak tüm fontlar yüklendiğinde beklemek için WaitFor.AllFontsLoaded metodunu kullanabilirsiniz. Varsayılan maksimum bekleme süresi 500ms. 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
@importveyalinketiketleri aracılığıyla özel web font servisleri - Farklı formatlarda (
TTF,OTF,WOFF,WOFF2) kendi barındırdığınız font dosyaları
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:
- Yedek font zincirleri: CSS
font-familybeyanınızda birden çok font tanımlayın - Uzun bekleme süreleri: Daha yavaş bağlantılar için
AllFontsLoadedzaman aşımını artırın - Yerel font gömme: Garantiye alınmış kullanılabilirlik için base64 ile kodlanmış fontlarla
@font-facekullanın - Yazı Tipi Önyükleme: Yazı tipi yüklemesini önceliklendirilecek şekilde HTML ön yükleme etiketlerini kullanın
IronSuite, operasyonlarımızda kritik bir rol oynar. Bunlar, iş süreçlerinde verimliliği artıran, kat planları oluşturmak ve envanter yönetimini geliştirmek gibi araçlardır.
Yazı Tipi Dosyalarını Doğrudan Nasıl İthal Edilir?
Mevcut bir font dosyasını kullanmak için CSS stilinde @font-face kuralını uygulayın. @font-face kuralı ve base64 ile kodlanmış woff dosyalarını gömme 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")
Hangi Yazı Tipi Dosya Formatlarını Kullanabilirim?
Mevcut bir font dosyasını kullanmak için CSS stilinde @font-face kuralını uygulayın. @font-face kuralı ve base64 ile kodlanmış woff dosyalarını gömme 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 font 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
- Uygulama Servisi Premium katmanları (
P1v2,P2v2,P3v2) - App Service İzole katmanlar
Yazı Tipi Desteği Sınırlı:
- Uygulama Servisi Temel katmanı (
B1,B2,B3) - Yalnızca web fontları - Uygulama Servisi Standart katmanı (
S1,S2,S3) - Bazı SVG font kısıtlamaları
Kişisel Yazı Tipi Desteği Yok:
- Uygulama Servisi Ücretsiz katmanı (
F1) - Uygulama Servisi Paylaşılan 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:
- Yazı tiplerini CSS'de base64 ile kodlanmış dizeler olarak yerleştirme
- Yalnızca CD'lerden web yazı tipleri kullanma
- Desteklenen bir ortamda PDF'leri önceden işleme
- 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.

