<?xml version="1.0" encoding="UTF-8" ?><feed xmlns="http://www.w3.org/2005/Atom">
	<title type="text">프리21교육센타:css3팁</title>
		<updated>2026-05-04T19:11:41+09:00</updated>
	<id>http://www.free21.net/xe/CSS3_Tips/atom</id>
	<link rel="alternate" type="text/html" hreflang="ko" href="http://www.free21.net/xe/CSS3_Tips"/>
	<link rel="self" type="application/atom+xml" href="http://www.free21.net/xe/CSS3_Tips/atom"/>
	<generator uri="http://www.xpressengine.com/">XpressEngine</generator>
   <entry>
		<title><![CDATA[사이트 로딩속도 - 웹폰트 나눔고딕]]></title>
		<id>http://www.free21.net/xe/1900</id>
		<published>2017-12-21T17:12:43+09:00</published>
		<updated>2017-12-21T17:12:43+09:00</updated>
		<link rel="alternate" type="text/html" href="http://www.free21.net/xe/1900"/>
		<link rel="replies" type="text/html" href="http://www.free21.net/xe/1900#comment"/>
		<author>
			<name><![CDATA[프리21]]></name>
					</author>
				<content type="html"><![CDATA[<div class="xe_content"><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><a href="https://happist.com/523999/xe-tips%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95%EC%9D%84-%EA%B0%80%EC%9E%A5-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/">https://happist.com/523999/xe-tips%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95%EC%9D%84-%EA%B0%80%EC%9E%A5-%ED%9A%A8%EC%9C%A8%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/</a></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><a href="mailto:2위@font-face">2위@font-face</a>를 이용하는 대신에&nbsp;<font face="Malgun Gothic"> import 방식을 이용해 css 파일에 한줄 추가하기( 더 빠름)</font></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><font face="Malgun Gothic">/ 서버에 직접 웹폰트 업로드해서 사용하기</font></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><font face="Malgun Gothic">&nbsp;주의사항 ; 맑은 고딕체를 웹폰트로 사용해서는 안됨(저작권있음)</font></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><font face="Malgun Gothic">&nbsp;기본지식:네이버의 나눔고딕, 나눔바른고딕 / 구글+아도비의 본고딕</font></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><font face="Malgun Gothic">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 브라우저별 지원폰트파일 유형 : eot파일은 ie만 적용가능 / woff는 모든 브라우저에서 가능(ie6~ie8에서는 적용안됨) / woff2(용량30%줌)는 크롬과 파이어폭스에서만 적용됨</font></span></span></p><p><span style="background-color: rgb(255, 255, 255);" _foo="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: 돋움"><span style="font-size: 10pt;" _foo="LINE-HEIGHT: 20px; FONT-FAMILY: 나눔고딕, NanumGothic, sans-serif; FONT-SIZE: 10pt"><font face="Malgun Gothic">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font></span></span></p></div>]]></content>
						
	</entry>
   <entry>
		<title><![CDATA[Unused CSS Check Tool : html 마크업에서 사용중인 css 선택자와 미사용중인 선택자를 선별해주는 도구입니다.]]></title>
		<id>http://www.free21.net/xe/1889</id>
		<published>2017-12-13T11:25:17+09:00</published>
		<updated>2017-12-13T11:59:45+09:00</updated>
		<link rel="alternate" type="text/html" href="http://www.free21.net/xe/1889"/>
		<link rel="replies" type="text/html" href="http://www.free21.net/xe/1889#comment"/>
		<author>
			<name><![CDATA[프리21]]></name>
					</author>
				<content type="html"><![CDATA[<div class="xe_content"><p>http://nuli.navercorp.com/sharing/fe/uc</p></div>]]></content>
						
	</entry>
   <entry>
		<title><![CDATA[웹폰트 사용하고 페이지 접속시 글자가 변하는 현상 문제..]]></title>
		<id>http://www.free21.net/xe/1787</id>
		<published>2017-08-29T15:26:27+09:00</published>
		<updated>2017-12-21T16:43:10+09:00</updated>
		<link rel="alternate" type="text/html" href="http://www.free21.net/xe/1787"/>
		<link rel="replies" type="text/html" href="http://www.free21.net/xe/1787#comment"/>
		<author>
			<name><![CDATA[프리21]]></name>
					</author>
				<content type="html"><![CDATA[<div class="xe_content"><p>웹폰트를 제일위에 두기</p></div>]]></content>
						
	</entry>
   <entry>
		<title><![CDATA[파비콘넣기]]></title>
		<id>http://www.free21.net/xe/1764</id>
		<published>2017-06-16T13:34:20+09:00</published>
		<updated>2017-06-16T13:34:20+09:00</updated>
		<link rel="alternate" type="text/html" href="http://www.free21.net/xe/1764"/>
		<link rel="replies" type="text/html" href="http://www.free21.net/xe/1764#comment"/>
		<author>
			<name><![CDATA[프리21]]></name>
					</author>
				<content type="html"><![CDATA[<div class="xe_content">http://esajin.kr/28<br /></div>]]></content>
						
	</entry>
</feed> 
