<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>font | Kurs WordPress od podstaw</title>
	<atom:link href="https://wordpress.aurainweb.pl/tag/font/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>Stwórz samodzielnie swojego bloga</description>
	<lastBuildDate>Tue, 13 Feb 2024 19:26:23 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
<site xmlns="com-wordpress:feed-additions:1">150306349</site>	<item>
		<title>Jak dodać własny font (czcionkę) do WordPress?</title>
		<link>https://wordpress.aurainweb.pl/jak-dodac-wlasny-font-do-wordpress/</link>
		
		<dc:creator><![CDATA[AuraInWeb]]></dc:creator>
		<pubDate>Wed, 28 Nov 2018 09:00:44 +0000</pubDate>
				<category><![CDATA[Inne]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[plugin]]></category>
		<guid isPermaLink="false">http://wordpress.aurainweb.pl/?p=11810</guid>

					<description><![CDATA[<p>Czasami zdarza się, że font znajdujący się na naszej stronie internetowej nie do końca odpowiada naszym potrzebą (np. nie pasuje do naszej marki lub jest mało ciekawy). W takiej sytuacji &#8230; </p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/jak-dodac-wlasny-font-do-wordpress/">Jak dodać własny font (czcionkę) do WordPress?</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Czasami zdarza się, że font znajdujący się na naszej stronie internetowej nie do końca odpowiada naszym potrzebą (np. nie pasuje do naszej marki lub jest mało ciekawy). W takiej sytuacji chcieli byśmy zamienić go na jakiś inny &#8211;&nbsp; nie koniecznie standardowy.</p>



<span id="more-11810"></span>



<h2 class="wp-block-heading">Dlaczego istotne jest jaki to font?</h2>



<p>Na ustawieniu dowolnego fontu na stronie stoi jednak pewien problem. Nie wszyscy użytkownicy Internetu posiadają zainstalowany taki sam zestaw fontów &#8211; <a href="http://wordpress.aurainweb.pl/slowniczek-przydatnych-terminow-w-wordpress-ale-nie-tylko-cz-1/#font" target="_blank" rel="noopener noreferrer">czcionek</a> elektronicznych na swoich komputerach jak my. W efekcie czego u niektórych osób strona może zacząć się źle wyświetlać.</p>



<p>A nie właściwie wyświetlający się tekst odstrasza potencjalnych odwiedzających &#8211; dlatego nie można sobie na takie ryzyko pozwolić.</p>



<p>O ile nie posiadamy motywu z wbudowaną funkcją zmiany kroju pisma to jednym z łatwiejszych rozwiązań tego problemu jest skorzystanie biblioteki <a href="https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/" target="_blank" rel="noopener noreferrer">Google Fonts</a>.</p>



<p><a href="https://fonts.google.com/">https://fonts.google.com/</a></p>



<h2 class="wp-block-heading">Dodanie nowego fontu z pomocą wtyczki do WordPress</h2>



<p>Najprostszą i najszybszą metodą na zmianę fontu na stronie jest instalacja nowej wtyczki (warto jednak pamiętać by nie przegiąć z wtyczkami). WordPress posiada ich całkiem sporo np.</p>



<ul>
<li><a href="https://wordpress.org/plugins/wp-google-fonts/" target="_blank" rel="noreferrer noopener nofollow">Google Fonts</a></li>



<li><a href="https://wordpress.org/plugins/free-google-fonts/" target="_blank" rel="noreferrer noopener nofollow">Fonts For WordPress</a></li>



<li><a href="https://wordpress.org/plugins/easy-google-fonts/" target="_blank" rel="noreferrer noopener nofollow">Easy Google Fonts</a></li>
</ul>



<p>Wybraną wtyczkę instalujemy tak jak wszystkie pozostałe. <a href="http://wordpress.aurainweb.pl/instalacja-wtyczki-w-wordpress/" target="_blank" rel="noopener noreferrer">Instrukcja instalacji wtyczki</a>. Następnie ją&nbsp; konfigurujemy zgodnie z naszymi potrzebami. Czasem może nam to chwilę zająć &#8211; bo nie każdy od razu trafi z idealnym krojem.</p>



<h2 class="wp-block-heading">Ręczna instalacja fontu w WordPress</h2>



<p>Do ręcznej instalacji nowego fontu przyda nam się podstawowa znajomość CSS oraz:</p>



<p><a href="https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/">https://www.aurainweb.pl/2014/01/</a><a href="https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/" target="_blank" rel="noreferrer noopener">google</a><a href="https://www.aurainweb.pl/2014/01/google-fonts-fonty-na-twoja-strone-internetowa/">-fonts-fonty-na-twoja-strone-internetowa/</a></p>



<p>Teraz kiedy już wybierzemy nowy font wchodzimy w personalizację WordPress następnie odnajdujemy tam <em>Dodatkowy CSS</em>.</p>



<p>W okno wpisujemy kod nowej czcionki.</p>


<div class="wp-block-image wp-image-11914 size-full">
<figure class="aligncenter"><img fetchpriority="high" decoding="async" width="335" height="301" data-attachment-id="11914" data-permalink="https://wordpress.aurainweb.pl/jak-dodac-wlasny-font-do-wordpress/personalizacja-2/" data-orig-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?fit=335%2C301&amp;ssl=1" data-orig-size="335,301" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}" data-image-title="personalizacja" data-image-description="&lt;p&gt;Dodatkowy CSS podczas personalizacji &lt;/p&gt;
" data-image-caption="&lt;p&gt;Dodatkowy CSS podczas personalizacji &lt;/p&gt;
" data-medium-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?fit=300%2C270&amp;ssl=1" data-large-file="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?fit=335%2C301&amp;ssl=1" src="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?resize=335%2C301" alt="Dodatkowy CSS podczas personalizacji " class="wp-image-11914" srcset="https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?w=335&amp;ssl=1 335w, https://i0.wp.com/wordpress.aurainweb.pl/wp-content/uploads/2018/11/personalizacja.jpg?resize=300%2C270&amp;ssl=1 300w" sizes="(max-width: 335px) 100vw, 335px" data-recalc-dims="1" /><figcaption class="wp-element-caption">Dodatkowy CSS podczas personalizacji</figcaption></figure></div>


<p>W związku z tym, że znajdujemy się w podglądzie krój fontu będzie dynamicznie ulegał zmianą.</p>



<h2 class="wp-block-heading">Dlaczego nie dodawać fontu bezpośrednio do skórki?</h2>



<p>Nie zalecam tego dlatego ze względu na aktualizacje. Po dokonaniu aktualizacji zmiany wprowadzone w motyw znikną.</p>



<p>Dlatego jest to nie zalecane.</p>
<p>Artykuł <a href="https://wordpress.aurainweb.pl/jak-dodac-wlasny-font-do-wordpress/">Jak dodać własny font (czcionkę) do WordPress?</a> pochodzi z serwisu <a href="https://wordpress.aurainweb.pl">Kurs WordPress od podstaw</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">11810</post-id>	</item>
	</channel>
</rss>
