<?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/"
	>

<channel>
	<title>Google Fonts - Oben</title>
	<atom:link href="https://oben.es/category/google-fonts/feed/" rel="self" type="application/rss+xml" />
	<link>https://oben.es</link>
	<description>Diseño web, diseño gráfico y márketing online en Madrid para toda España</description>
	<lastBuildDate>Tue, 12 Aug 2025 12:14:16 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>¿Por qué debes autoalojar las fuentes de Google en tu web?</title>
		<link>https://oben.es/por-que-debes-autoalojar-las-fuentes-de-google-en-tu-web/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Wed, 09 Jul 2025 14:16:01 +0000</pubDate>
				<category><![CDATA[Diseño web WordPress]]></category>
		<category><![CDATA[Google Fonts]]></category>
		<category><![CDATA[RGPD]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[google fonts]]></category>
		<category><![CDATA[wordPress]]></category>
		<guid isPermaLink="false">https://oben.es/?p=9025</guid>

					<description><![CDATA[<p>¿Por qué es importante autoalojar las fuentes de Google en tu web? Autoalojar las fuentes de Google (Google Fonts) en tu propia web se ha convertido en una práctica cada vez más recomendada por motivos de rendimiento, privacidad y cumplimiento legal. Aunque Google Fonts ofrece una forma rápida y sencilla de usar tipografías web, enlazarlas [&#8230;]</p>
<p>The post <a href="https://oben.es/por-que-debes-autoalojar-las-fuentes-de-google-en-tu-web/">¿Por qué debes autoalojar las fuentes de Google en tu web?</a> first appeared on <a href="https://oben.es">Oben</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="9025" class="elementor elementor-9025">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-66fe2382 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="66fe2382" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a440d20" data-id="a440d20" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-75a983ec elementor-widget elementor-widget-text-editor" data-id="75a983ec" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h2>¿Por qué es importante autoalojar las fuentes de Google en tu web?</h2>
<p>Autoalojar las fuentes de Google (Google Fonts) en tu propia web se ha convertido en una práctica cada vez más recomendada por motivos de <strong>rendimiento, privacidad y cumplimiento legal</strong>. Aunque Google Fonts ofrece una forma rápida y sencilla de usar tipografías web, enlazarlas directamente desde los servidores de Google puede tener consecuencias que deberías conocer.</p>
<h3>1. ✅ Mejora del rendimiento web</h3>
<p>Cuando autoalojas las fuentes:</p>
<ul>
<li>Se reduce la <strong>latencia</strong> al no hacer peticiones externas a Google.</li>
<li>Puedes optimizar la carga mediante <strong>preload</strong>, <strong>woff2</strong> u otras técnicas modernas.</li>
<li>Se evitan los bloqueos de contenido mixto en webs con HTTPS.</li>
</ul>
<p>Esto se traduce en una <strong>mejor velocidad de carga</strong>, uno de los factores clave para el posicionamiento SEO y la experiencia de usuario.</p>
<h3>2. 🔐 Protección de la privacidad de los usuarios</h3>
<p>Cargar fuentes desde Google implica que el navegador del usuario envíe una petición a sus servidores, lo que puede transmitir su <strong>dirección IP y otros datos personales</strong>, lo que en Europa entra en conflicto con el <strong>RGPD (Reglamento General de Protección de Datos)</strong>.</p>
<p>Autoalojarlas elimina esta cesión de datos, y por tanto:</p>
<ul>
<li>Evitas riesgos legales.</li>
<li>Refuerzas la confianza de tus usuarios.</li>
<li>Cumples con la normativa europea vigente.</li>
</ul>
<h3>3. ⚖️ Cumplimiento legal: RGPD y otras normativas</h3>
<p>Desde 2022, varias sentencias en países como Alemania han considerado ilegal cargar fuentes desde servidores externos sin consentimiento explícito. Autoalojar las fuentes es una forma sencilla y efectiva de asegurarte de que tu web:</p>
<ul>
<li>Cumple con el RGPD.</li>
<li>Evita multas y sanciones.</li>
<li>Está alineada con las recomendaciones de protección de datos.</li>
</ul>
<h3>4. 🔧 Control total sobre las fuentes</h3>
<p>Autoalojar te da libertad para:</p>
<ul>
<li>Elegir exactamente qué estilos necesitas.</li>
<li>Minimizar el peso del archivo.</li>
<li>Evitar cambios imprevistos por parte de Google.</li>
</ul>
<p>Este control es especialmente útil en proyectos donde el diseño y la coherencia visual son clave.</p>
<hr>
<h2>🛠 Cómo autoalojar Google Fonts paso a paso</h2>
<ol>
<li>Elige las fuentes que necesitas desde <a href="https://fonts.google.com/">Google Fonts</a>.</li>
<li>Descarga los archivos <code>.woff2</code> (más ligeros y compatibles).</li>
<li>Sube las fuentes a tu servidor o CDN.</li>
<li>Añade el <code>@font-face</code> correspondiente en tu CSS.</li>
<li>Opcional: Usa <code>font-display: swap;</code> para mejorar la experiencia de carga.</li>
</ol>
<ul>
<li>En este post te cuento en detalle <a href="https://oben.es/como-alojar-fuentes-google-fonts-en-wordpress-y-cumplir-la-rgpd/">como autoalojar las fuentes de Google en tu web.</a></li><li>Si tu web está hecha con WordPress hay múltiples plugins que pueden hacer este trabajo, pero siempre recomiendo hacer las cosas de la forma más limpia y profesional, ya que el uso de plugins extra en tu web ralentiza la carga y te obliga a tener que estar pendiente de actualizaciones extra. Muchos plugins además dejan de tener soporte del desarrollador con el tiempo y pueden darte problemas de compatibilidad.</li>
</ul>
<hr>
<h2>🚀 Conclusión: Autoalojar Google Fonts es una buena práctica</h2>
<p>Autoalojar las fuentes de Google no solo mejora el rendimiento y la seguridad de tu web, sino que también te protege legalmente y refuerza tu posicionamiento SEO. En un entorno cada vez más exigente en velocidad, experiencia de usuario y privacidad, esta es una acción sencilla con un impacto muy positivo.</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-53981ee elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="53981ee" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-2eb9371" data-id="2eb9371" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-4fc9a7c elementor-widget elementor-widget-heading" data-id="4fc9a7c" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">¿Necesitas ayuda con tu web?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-5292f50 elementor-widget elementor-widget-text-editor" data-id="5292f50" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Te ayudamos a optimizar tu página web o a crear tu nuevo proyecto. Consúltanos ahora &#8211; Horario de atención de lunes a viernes de 09:00 a 19:00.</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-79f897d" data-id="79f897d" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-8fa0769 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8fa0769" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://wa.me/34679391822?text=Hola%2C%20me%20gustar%C3%ADa%20recibir%20informaci%C3%B3n%20sobre%20las%20casas%20rurales">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fab fa-whatsapp"></i>						</span>
										<span class="elementor-icon-list-text">Envía un WhatsApp</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://oben.es/por-que-debes-autoalojar-las-fuentes-de-google-en-tu-web/">¿Por qué debes autoalojar las fuentes de Google en tu web?</a> first appeared on <a href="https://oben.es">Oben</a>.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cómo alojar fuentes Google Fonts en WordPress y webs a medida y cumplir la RGPD</title>
		<link>https://oben.es/como-alojar-fuentes-google-fonts-en-wordpress-y-cumplir-la-rgpd/</link>
		
		<dc:creator><![CDATA[]]></dc:creator>
		<pubDate>Mon, 16 Jan 2023 18:34:19 +0000</pubDate>
				<category><![CDATA[Google Fonts]]></category>
		<category><![CDATA[RGPD]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://oben.es/?p=8867</guid>

					<description><![CDATA[<p>Ya pasó con MailChimp, y ahora con Google Fonts. Si tu web usa los servidores de Google para presentar sus tipografías, deberías leer esto.</p>
<p>The post <a href="https://oben.es/como-alojar-fuentes-google-fonts-en-wordpress-y-cumplir-la-rgpd/">Cómo alojar fuentes Google Fonts en WordPress y webs a medida y cumplir la RGPD</a> first appeared on <a href="https://oben.es">Oben</a>.</p>]]></description>
										<content:encoded><![CDATA[<div data-elementor-type="wp-post" data-elementor-id="8867" class="elementor elementor-8867">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-6b61b475 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6b61b475" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35f735cc" data-id="35f735cc" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2219d5da elementor-widget elementor-widget-text-editor" data-id="2219d5da" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Si estás leyendo esto  es porque ya te has enterado de esta noticia:</p><p><strong>Un tribunal alemán multa al propietario de una web por utilizar fuentes alojadas en Google</strong></p><p>Un tribunal alemán ha dictaminado que <strong>el uso de Google Fonts sin consentimiento previo constituye una infracción del Reglamento General de Protección de Datos (RGPD) europeo</strong>, ya que Google Fonts expone la dirección IP del visitante. La sentencia del Tribunal amenaza con una multa de 250.000 euros por cada caso de infracción si el propietario del sitio no cumple.</p><p><strong>* En este post te cuento en detalle <a href="https://oben.es/por-que-debes-autoalojar-las-fuentes-de-google-en-tu-web">por qué es importante auto alojar las fuentes de Google en tu servidor.</a></strong></p><h3>¿Cómo integrar Google Fonts en mi servidor en una web en WordPress o hecha a medida?</h3><p>Iré al grano para no hacerte perder el tiempo, el proceso para integrar Google Fonts no es complicado pero lleva varios pasos:</p><ol><li>Busca las fuentes que quieras usar en tu web desde <strong><a href="https://gwfh.mranftl.com/fonts" target="_blank" rel="noopener">Google Webfonts Helper</a></strong>, tienes que elegir todas las familias de fuentes que necesites.</li><li>Donde dice &#8220;Customize folder prefix (optional):&#8221; puedes indicar la carpeta donde irán tus fuentes en el servidor. Yo suelo crear una carpeta llamada &#8220;fonts&#8221; y ahí las meto todas.</li><li>Copia el CSS que verás que ha generado la web con las fuentes que has elegido.</li><li>Pega ese código en tu CSS principal del tema. Si tienes un tema &#8220;child&#8221; mucho mejor, péga ese código al principio del todo.</li><li>Descarga el archivo ZIP con las fuentes, descomprímelo y sube las fuentes por FTP a la carpeta que hayas seleccionado.</li><li>Tienes que eliminar de tu tema toda referencia a Google Fonts para que no &#8220;tire&#8221; del servidor de Google y las cosas estén bien hechas.</li><li>Quitá estas referencias a Google Fonts, borra caché de WordPress y del navegador y recarga la página. Si ves que sale una fuente por defecto (Arial o similar) es que has desconectado tu web correctamente de Google Fonts.</li><li>Entonces pon el código CSS en tu CSS como he dicho anteriormente y lo subes al server. Borra cachés de nuevo y pruebas. Si ahora aparecen las fuentes que has descargado, entonces estárá todo OK!.</li></ol><h4>¡TIP EXTRA PARA GOOGLE FONTS!</h4><p>Para que tu web &#8220;corra&#8221; más rápido y mejores tu valoración en Google Page Speed, <strong>añade un &#8220;font-display:swap&#8221; a tu CSS dentro del código &#8220;@font-face {&#8230;}&#8221; como una línea más.</strong></p>								</div>
				</div>
				<div class="elementor-element elementor-element-de7d1ad elementor-widget elementor-widget-image" data-id="de7d1ad" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="1878" height="486" src="https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress.png" class="attachment-full size-full wp-image-8875" alt="poner google fonts en wordpress" srcset="https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress.png 1878w, https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress-768x199.png 768w, https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress-1536x397.png 1536w, https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress-1280x331.png 1280w, https://oben.es/wp-content/uploads/2023/01/google-fonts-en-wordpress-960x248.png 960w" sizes="(max-width: 1878px) 100vw, 1878px" />															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5896d295 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5896d295" data-element_type="section" data-e-type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-3ecccfe9" data-id="3ecccfe9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-39afea71 elementor-widget elementor-widget-heading" data-id="39afea71" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h3 class="elementor-heading-title elementor-size-default">¿Necesitas ayuda con tu web?</h3>				</div>
				</div>
				<div class="elementor-element elementor-element-62270887 elementor-widget elementor-widget-text-editor" data-id="62270887" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Te ayudamos a optimizar tu página web o a crear tu nuevo proyecto. Consúltanos ahora &#8211; Horario de atención de lunes a viernes de 09:00 a 19:00.</p>								</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7c73b86c" data-id="7c73b86c" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-28fc655f elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="28fc655f" data-element_type="widget" data-e-type="widget" data-widget_type="icon-list.default">
				<div class="elementor-widget-container">
							<ul class="elementor-icon-list-items">
							<li class="elementor-icon-list-item">
											<a href="https://wa.me/34679391822?text=Hola%2C%20me%20gustar%C3%ADa%20recibir%20informaci%C3%B3n%20sobre%20las%20casas%20rurales">

												<span class="elementor-icon-list-icon">
							<i aria-hidden="true" class="fab fa-whatsapp"></i>						</span>
										<span class="elementor-icon-list-text">Envía un WhatsApp</span>
											</a>
									</li>
						</ul>
						</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div><p>The post <a href="https://oben.es/como-alojar-fuentes-google-fonts-en-wordpress-y-cumplir-la-rgpd/">Cómo alojar fuentes Google Fonts en WordPress y webs a medida y cumplir la RGPD</a> first appeared on <a href="https://oben.es">Oben</a>.</p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
