Skip to content
BranchesTags

Repository files navigation

나눔바른고딕 웹폰트

English docs are avaliable on here

네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다. 제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다. (그렇다고 이것을 사용하지 말라는 것은 아닙니다.)

시작하기

나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.

기본

웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.

<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import

웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.

@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기

폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.

font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.

<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?

<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모

데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.

Nanum Barun Gothic Web Fonts

In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs. Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this. (But it dosen't mean do not use this.)

Getting Started

Nanum Barun Gothic web fonts are available on 2 different way.

Standard

To use font, insert below code to <head>tag on your HTML document.

<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import

To use font, insert below code to stylesheet in<head>tag on your HTML document.

@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying

To applying font, add below code into your stylesheet.

font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.

<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?

<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo

You can checkout Nanum Barun Gothic applied page at Demo Page

About

NanumBarunGothic Web Fonts

www.openhiun.com/hangul/

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - position/hangul: NanumBarunGothic Web Fonts · GitHub
Skip to content
BranchesTags
Repository files navigation
나눔바른고딕 웹폰트
English docs are avaliable on here
네이버에서 2013년 10월 한글날등을 기념하여 만든 나눔바른고딕을 웹폰트로 제작하였습니다.
제작 의도는 제 개인적인 사용이 목적이 었으며, 구글 웹폰트등 정식 배포 서비스가 나오면 그것을 사용해 주시기 바랍니다.
(그렇다고 이것을 사용하지 말라는 것은 아닙니다.)
시작하기
나눔바른고딕 웹폰트는 2가지 형태으로 사용할수 있습니다.
기본
웹사이트HTML문서의 <head>안에 아래 코드를 붙혀 넣으시면 됩니다.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
웹사이트HTML문서의 <head>안의 스타일 시트에 아래 코드를 붙혀 넣으시면 됩니다.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

적용하기
폰트를 적용하려면 폰트 이름을 적용하길 원하는 CSS에 다음과 같이 추가하시면 됩니다.
font-family: 'Nanum Barun Gothic', sans-serif;

예를들어 폰트를 body에 적용시키고 싶다면 아래처럼 하시면 됩니다.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

혹은 text라 불리는 클래스에 적용시키고 싶으시다면 아래와 같겠죠?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

데모
데모 페이지에서 나눔바른고딕을 적용한 페이지를 보실수 있습니다.
Nanum Barun Gothic Web Fonts
In October 2013, South Korea's biggest internet portal Naver.com has released 'Nanum Barun Gothic' font to
celebrating 'Hangul Day' and encouraging usage of hangul. I created Nanum Barun Gothic to web fonts for my personal needs.
Everyone is welcome to use this and sooner or later Google Web API are supporting Nanum Barun Gothic, I recommand use that instead of this.
(But it dosen't mean do not use this.)
Getting Started
Nanum Barun Gothic web fonts are available on 2 different way.
Standard
To use font, insert below code to <head>tag on your HTML document.
<link href='http://www.openhiun.com/hangul/nanumbarungothic.css' rel='stylesheet' type='text/css'>

@import
To use font, insert below code to stylesheet in<head>tag on your HTML document.
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);

Applying
To applying font, add below code into your stylesheet.
font-family: 'Nanum Barun Gothic', sans-serif;

For instance, if you want applying font on body doing like this.
<style type="text/css">
body {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

or applying font on class name like text, code is something like below?
<style type="text/css">
.text {
font-family: 'Nanum Barun Gothic', sans-serif;
}
</style>

Demo
You can checkout Nanum Barun Gothic applied page at Demo Page
About
NanumBarunGothic Web Fonts
www.openhiun.com/hangul/
Resources
Readme
Activity
Stars
0 stars
Watchers
1 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors