모노플렉스WideNerd Italic 무료 폰트 - 라이선스·미리보기·다운로드

NALLA GUIDE

어디에 잘 어울릴까요?

확인된 폰트 스타일을 기준으로 NallaApps가 보수적으로 분류한 추천 활용입니다. 실제 허용 범위는 라이선스가 우선합니다.

상세페이지웹사이트프레젠테이션

LIVE PREVIEW

라이브 폰트 테스트

좋은 디자인은 읽기 좋은 글자에서 시작됩니다.

상세정보

모노플렉스WideNerd Italic는 김양수가 공개한 무료 서체입니다. Font Hub에서는 서체의 출처 문장을 옮기지 않고, 확인된 기술 정보와 자체 분류 기준을 이용해 사용자가 비교하기 쉬운 형태로 정리합니다.

서체 정보 한눈에 보기

분류는 스타일 정보 확인 중이며, 확인된 굵기 정보는 8가지입니다. 지원 문자 범위는 한국어입니다.

활용 포인트

추천 활용은 Font Hub의 공통 분류와 구조화된 폰트 정보에 따라 별도로 생성됩니다. 실제 프로젝트 적용 전에는 필요한 굵기와 문자 지원 범위를 미리보기에서 확인하세요.

라이선스 확인

SIL Open Font License (OFL) · 상업적 이용 가능. 인쇄, 웹, 영상, 임베딩, BI/CI, 수정, 재배포 권한은 각각 독립된 항목으로 확인해야 하며 최종 판단은 권리자가 제공한 공식 라이선스가 우선합니다.

USE CHECK

이 용도로 사용해도 될까요?

자동 판정은 저장된 라이선스 근거를 요약한 것입니다. 최종 사용 전 공식 원문을 확인하세요.

라이선스 원문 확인 ↗

웹·개발 적용

WEB · DEVELOPER

웹·개발 적용

Source가 실제 웹폰트 사용을 명시하고 검증된 CSS가 있는 경우에만 코드를 표시합니다. 실제 적용 전에는 제작자 또는 공식 배포처의 최신 임베딩 조건을 확인하세요.

CSS

@font-face{ 
    font-family: 'MonoplexKRWideNerd-BoldItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-ThinItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-ExtraLightItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-LightItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-Italic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-Italic.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-MediumItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-SemiBoldItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexKRWideNerd-TextItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-TextItalic.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-ThinItalic.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-Italic.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
 }
@font-face{ 
    font-family: 'MonoplexWidenerdItalic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-TextItalic.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
 }

적용 방법 위 CSS를 사이트 스타일시트에 추가해 웹폰트를 먼저 불러온 뒤 표시된 font-family를 원하는 요소에 지정합니다. 실제 사용 전 공식 배포처의 최신 임베딩 조건을 확인하세요.

Tailwind

/* tailwind.config.js */
module.exports = {
  theme: {
    extend: {
      fontFamily: {
        nalla: ['MonoplexKRWideNerd-BoldItalic', 'sans-serif'],
      },
    },
  },
};

Tailwind 적용 먼저 CSS에서 폰트를 불러온 뒤 fontFamily에 등록하고 다시 빌드하세요. 이후 class="font-nalla"처럼 사용합니다. Tailwind 자체가 폰트 파일을 다운로드하거나 호스팅하지는 않습니다.

Preload

<link rel="preload" href="https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/MonoplexKRWideNerd-BoldItalic.woff2" as="font" type="font/woff2" crossorigin>

폰트 라이선스·배포 안내

날라앱스의 사용 범위와 라이선스 요약은 빠른 확인을 위한 참고 정보입니다. 실제 이용·임베딩·수정·재배포 전에는 반드시 제작자 또는 권리자가 공개한 최신 라이선스 원문을 다시 확인해 주세요. 공식 근거가 바뀌면 Font Hub의 공식정보 확인 기능으로 최신 판정을 갱신할 수 있습니다.