# font

19개의 포스트

[JS] Load font

아래는 나눔바른고딕의 fontWeight: 400을 가져온 것이다하지만 여기서 가져온 NanumBarunGothic은 볼드체가 따로 없어 bold적용이 안된다따라서 맥과 윈도우의 기본 폰트인 Arial을 사용해보도록 하자기본 폰트인 Arial에 이렇게 strong을 적

6일 전
·
0개의 댓글
post-thumbnail

CSS | font

html에서 p에만 Nerko One이라는 폰트를 적용하고자 구글 폰트에서 import주소와 font-family를 따왔다.

2020년 11월 23일
·
0개의 댓글
post-thumbnail

React-Native) Custom Fonts/ Google Fonts 적용하기

구글 폰트에서 원하는 폰트를 다운받는다. Google Fontsroot 위치에 assets 폴더를 생성하고 assets안에 fonts 폴더를 하나 또 만들어준다.Root에 react-native.config.js 파일을 만들어주고 아래의 코드를 넣는다.assets> f

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Web Icon Font 제작 방법을 배워보자!

흔히 아는 material-icon, font-awesome, ionic-icon은 SVG를 토대로 font 형식으로 생성하여 사용되는 web icon font이다.보통 위 icon set을 가져다가 쓰겠지만 프로젝트를 하면서 내가 원하는 아이콘이 없다면 어떡할까? 대

2020년 8월 26일
·
0개의 댓글

CSS #3 문자와 배경

글자 관련 속성들을 지정글자 기울기 지정normal : 스타일 없음italic : 이텔릭체(활자)oblique : 기울어진 글자글자 두께 지정normal : 기본 글자 두께, 400과 동일bold : 글자 두껍게, 700과 동일글자 크기 지정줄 높이 지정글꼴 지정글꼴

2020년 8월 19일
·
0개의 댓글

TIL] CSS-기본 용어 정리(3)

. Named colors: 색깔을 고유한 명사 형태로 표현한 것. hexadecimal, 색깔을 16진법 형태로 표현한 것, 숫자(0~9)와 알파벳(A-F)의 조합으로 . rgba: rgb에 불투명도를 추가하여 표현할 때 사용한다.(color: rgba(0, 0, 0

2020년 8월 12일
·
0개의 댓글
post-thumbnail

[Front-end] Web Font 웹 폰트

웹 폰트 웹 폰트란? 로컬의 폰트 설치 상황에 상관없이 웹에서 항상 원하는 타이포그래피를 사용할 수 있게 하는 기술 사용법 CSS의 @font-face 규칙을 사용하여 적용한다. font-family : 사용할 웹 폰트의 이름 src : 폰트 파일의 경로와 폰트의

2020년 7월 15일
·
0개의 댓글

CSS font properties

font-family : 폰트 스타일 지정font-sizefont-weight : 폰트 두께font-stylecolor

2020년 7월 8일
·
0개의 댓글

[TIL] [C#/NXOpen] Create Font ComboBox ( GlyphTypeface throws NullReferenceException)

[C#/WPF/NXOpen] C#/WPF로 NX에서 사용할 Font ComboBox 만들기 - GlyphTypeface throws NullReferenceException 목표 : C#/WPF로 NX에서 사용할 폰트 박스 만들기 NX에서 사용중인 폰트 박스 재

2020년 6월 23일
·
0개의 댓글
post-thumbnail

Macbook iTerm Setting

맥북을 처음 세팅하면서 터미널을 이쁘게 꾸밀 수 있다고하기에 iTerm2와 Oh my ZSH를 설치했습니다. 자세한 설치방법은 [해리의 유목코딩](https://medium.com/harrythegreat/oh-my-zsh-iterm2%EB%A1%9C-%ED%84%B0

2020년 6월 2일
·
0개의 댓글
post-thumbnail

font 설치하는 법

먼저 원하는 폰트를 다운받아야 한다. 웹에서 사용중인 것을 다운받고 싶을 땐 해당 웹페이지에서개발자도구로 들어가서 네트워크탭에서 새로고침 후 나오는 font탭을 보면 알 수 있다.src\\styles\\fonts\\에 해당 woff 나 woff2 파일을 집어넣는다.

2020년 5월 31일
·
0개의 댓글

최고의 폰트를 찾아서

폰트 다운 -> 적용 -> 터미널 및 에디터 확인 뻘짓을 반복하다가웹 상에서 바로 적용해볼 수 있는 좋은 사이트를 찾았다.프로그래밍용 폰트로 유명한 폰트는 거의 다 있는 듯 싶다.https://app.programmingfonts.org

2020년 5월 4일
·
0개의 댓글

Vscode 폰트가 굵어보이는 문제 해결 방법(MacOS)

나는야 코딩할 때 쓰기 좋은 폰트를 찾아 헤매는 하이에나..이것저것 적용하고 콘솔에서, vscode 에디터에서 어떤지 확인했다.근데 동일한 폰트 및 굵기임에도 불구하고 콘솔에서보다 vscode에서 훨씬 굵어보이는 것..!구글 선생님의 도움으로 해결 방법을 알아 낼 수

2020년 5월 4일
·
0개의 댓글

CSS3111: @font-face encountered unknown error.

CSS3111: @font-face encountered unknown error. https://www.jsdelivr.com/ @font-face에 알 수 없는 오류가 발생했습니다 IE11에서 이러한 에러가 났다. 네이버에서 제공하는 '나눔바른고딕'을 웹폰트로

2020년 3월 27일
·
0개의 댓글

20.03.23(Mon) CSS - About font, text, paragraph, list style.

font - family : 웹 페이지에 어떤 폰트를 쓸 지, 즉 글꼴을 지정한다. 아마도 .css 파일 내에 (보통 body 에다가) body { font-family: "맑은 고딕", 명조, 굴림 } 이런식으로 표시할테지.근데 예를 들어.. 음 내 컴퓨터에는 특

2020년 3월 23일
·
0개의 댓글

웹폰트 최적화 하기

웹폰트란? 폰트 web safe font - 일반적으로 시스템에 설치된 폰트. 다운로드 없이 사용자에게 의도대로 표현이 할 수 있음. (Arial, Helvetica 등) web font - 설치되어 있지 않아서 브라우저에서 다운로드해야 하는 폰트 웹폰트가 나온 이유 시스템에 폰트가 없다면 폰트를 보여줄 수 없음 디자이너의 의도대로 표현할 수 없음....

2020년 1월 2일
·
4개의 댓글

큰 폰트사이즈의 글자 짤림 오류 해결

css에서 font-family로 동일한 font-size를 적용했을 때, 서로 다른 높이값을 가지게 된다. 각 폰트 자체가 갖고 있는 다른 매트릭스로 인해 높이값이 다르게 된다. 이전까지만 해도 글자가 위아래로 짤릴 경우, line-height: 1.0이나 line-height: 1.5 등의 값을 적용하면서 오류를 수정하곤 했다. 하지만 출처에 명시한 아...

2019년 9월 19일
·
0개의 댓글