Fontların tasarımın en önemli parçası olduğu gerçeğini biliriz. Peki masaüstü uygulamalarınızın kaçında font kullanımına dikkat ettiniz. Bu yazıda C# ile google font kullanımını WPF ve Windows Form üzerinde nasıl yapacağımızı anlatacağım.
Muhtemelen ilk defa duymuş olabilirsiniz. C# ile Google Font Nasıl Kullanır da diyebilirsiniz. Sayfaya sadece bir etiket ekleyerek kullanımı açıklayacağım. Diğer etiket ve araçlarda kullanmak da size kamış olacak.
Windows Form ile Google Font Kullanımı
1.Adım : Aşağıda Windows Form içine bir tane label eklenmiş ve labelin text özelliğine Google Font Örneği yazılmıştır.
2.Adım: Projede open-sans fontunu kullanacağım. Fontu indirmek için https://www.fontsquirrel.com/fonts/open-sans sitesine girip aşağıdaki link basarak indiriyorum.
3.Adım: İndirilen dosya içinde kullanacağım fontu kopyalayıp (CTRL+C), belgelerim/visual studio klasöründeki projemin bulunduğu yoldaki bin/debug/ klasörüne yapıştırıyorum (CTRL+V)
4.Adım: Formun Load olayında PrivateFontCollection nesnesini oluşturuyoruz. Bu nesneyi oluşturabilmek için using kısmına using System.Drawing.Text; yazmayı unutmayın.
PrivateFontCollection ile oluşturulan nesnenin AddFontFile metodu ile debug içine yapıştırdığımız fontun tam (fullname) adını yazıyoruz.
Tüm kontrollerde gerçerli olması için foreach döngüsü ile oluşturduğumuz fontu tüm controllerin font özelliğine tanımlıyoruz.
1 2 3 4 5 6 7 8 9 10 11 |
private void Form1_Load(object sender, EventArgs e) { PrivateFontCollection ozelFont = new PrivateFontCollection(); ozelFont.AddFontFile("OpenSans-Light.ttf"); foreach (Control item in this.Controls) { item.Font = new Font(ozelFont.Families[0], 15, FontStyle.Regular); } } |
5.Adım: Start butonuna basarak projeyi çalıştırıyoruz.
WPF ile Google Font Kullanımı
1.Adım : Aşağıda WPF içine bir tane label eklenmiş ve labelin content özelliğine WPF Google Font Örneği yazılmıştır.
2.Adım: Projede open-sans fontunu kullanacağım. Fontu indirmek için https://www.fontsquirrel.com/fonts/open-sans sitesine girip aşağıdaki link basarak indiriyorum.
3.Adım: İndirilen dosya içinde kullanacağım fontu Solution Explorerda oluşturduğum font klasörünün içine sürükleyip bırakıyorum.
4.Adım: Bu adımda sadece label etiketinde nasıl kullanıldığı gösterilmiştir. Aşaıdaki şekilde ekleyip Start komutu veriyoruz. Bir sonraki adımda her etikette ayrı ayrı kullanmak için özel bir stil oluşturmup nasıl kullanıldığını inceleyebilirsiniz.
1 2 3 |
FontFamily="pack://application:,,,/font/#Open Sans SemiBold" |
5.1 Adım: 4.adımında her component için ayrı ayrı yazma zorluğu olduğunu fark etmişsinizdir. Bu adımda stil tanımlayıp istediğimiz nesnelerde kullanacağız.
App.xml dosyasını açıp aşağıdaki stil tanımlamasını yapıyoruz. Value=”/MyAssembly;font/#Open Sans” font dosyasının yolunu gösteriyor.
1 2 3 4 5 6 7 8 |
<Application.Resources> <Style x:Key="OzelFont"> <Setter Property="TextElement.FontFamily" Value="/font/#Open Sans" /> </Style> </Application.Resources> |
5.2 Adım: Kullanamak istediğimiz nesnenin Style özelliğine bu kaynağı gösteriyoruz.