100.daum.net백과사전자체인쇄된 개개의 문자, 또는 구체적으로 쓰인 개개의 문자의 모양을 자형, 또는 구체적으로 쓰인 개개의 문자의 모양을 자형(문자 참고)이라 하고, 영수자나 한글, 한자 등의 일조의 자종에 대해서 공통적, 통일적으로 정해진 자형의 조를 자체라고 한다. 명...백과사전 검색 더보기출처: 컴퓨터 정보용어대사전
choi-ik.tistory.comIK_Library프론트엔드 성능 최적화(Font)최적화에는 성능 최적화 외에도 접근성, SEO 등 다양한 부분이 있지만 우선 성능 최적화에 초점을 맞추어 리팩토링 하고 난 뒤 SEO도 건드려 봐야겠다. 우선 Font 최적화에 대해 알아보자. 이전에 진행했던 대박 사건 프로젝트에서는 @font-face를 사용하여 자체 호스팅 방식으로 font를 적용했다. interface ThemeProps...fontlighthouseFout프론트엔드 성능 최적화foitfont 최적화폰트 최적화프론트엔드 성능font 성능2024.04.12블로그 검색 더보기parkchef-cooking-party.tistory.comPark'Chef의 Cooking PartyCuisine SKin-Step.8 폰트어썸(Font-awesome) 적용하기16Step.8 폰트어썸(Font-awesome) 적용하기 친구들, 안녕~? Cuisine Skin 8번째 시간으로, 폰트어썸(font-awesome)을 적용해서 풍성하게 하는 방법에 대해서 알아보도록 하자. Step.8 폰트어썸(Font-awesome) 적용하기 1. 폰트어썸(Font-awesome) 다운로드하기 2. Font-awesome.min.css 파일 수정하기 3. css/font 파일들...2024.05.17yoniiii-37.tistory.comyoni2024.04.04 text - font6폰트 설정 @font-face : 다운받은 글꼴을 사용할 때 google> 무료폰트 다운으로 > 글꼴 클릭 > get font > get embed code > Embed code in the <head> of your html > copycode title 아래에 복붙 > 스트일 안에 글꼴 사용하고 싶은 태그에 CSS class copycode > 복붙 <!DOCTYPE html> <html lang="en"> <head> <meta...2024.04.04mepkatatsu.tistory.com메피카타츠의 블로그메모리 관리에 대한 탐구 (10) - Unity에서 Font 관련 용량 줄이기1. 폰트 Atlas 용량 줄이기Unity로 개발을 하면서 텍스트를 표시할 때는 TextMeshPro를 주로 사용할 것이다. TextMeshPro를 사용할 때는 위와 같이 ttf라고 하는 폰트 파일을 TMP(Text Mesh Pro)에서 제공하는 기능을 사용해서 SDF 에셋으로 만들어야 한다. 여기서 유심히 봐야 할 것은 아래 2가지이다. Sampling Point Size: 글자를 Atlas에 저장할 사이즈, 클수록 글자가 선명해지지만 Atlas의 용량이 커진다. Atlas Width & Atlas Height: 글자를 저장할 Atlas의 사이즈, 클수록 용량이2. 폰트 중복 제거하기메모리 프로파일러로 찍어서 확인을 해보면 위와 같이 같은 폰트의 Atlas가 중복으로 메모리에 올라가 있는 모습을 확인하게 될 수도 있다. 이 문제는 몇 가지 경우로 나뉜다. 1. 에셋 번들을 빌드할 때 Addressables를 사용하는 중인가? -> (아마도 내가 아는 선에서는) 폰트 중복 문제를 완벽하게 해결할 수 있을 것이다. 폰트를 앱 빌드할 때 포함되도록 하면 해결된다고 알고 있다. 2. 에셋 번들을 빌드할 때 Scriptable Build Pipeline이 아닌 기본 AssetBundle의 Pipeline을 사용하는 중인[주의해야 할 점]1. TMP Settings를 사용하는 경우 Fallback으로 등록되는 듯 하니 주의하자. TMP Settings라는 Asset이 존재한다. Default Font Asset은 기본적으로 어떤 폰트를 사용할 것이냐?에 해당하는 부분인데, 문제는 얘가 모든 폰트에 대해 Fallback으로 지정되는 것으로 추정된다는 점이다. 즉, 얘를 앱 빌드할 때 포함시킨다면... Default Font Asset에 들어간 폰트가 앱 빌드에 포함되고, 모든 폰트에 대해서 Fallback으로 지정되기 때문에 에셋 번들에 포함된 폰트만 사용하더라도 항91. TMP Settings를 사용하는 경우 Fallback으로 등록되는 듯 하니 주의하자. TMP Settings라는 Asset이 존재한다. Default Font Asset은 기본적으로 어떤 폰트를 사용할 것이냐?에 해당하는 부분인데, 문제는 얘가 모든 폰트에 대해 Fallback으로 지정되는 것으로 추정된다는 점이다. 즉, 얘를 앱 빌드할 때 포함시킨다면... Default Font Asset에 들어간 폰트가 앱 빌드에 포함되고, 모든 폰트에 대해서 Fallback으로 지정되기 때문에 에셋 번들에 포함된 폰트만 사용하더라도 항2024.05.12tensdiary.tistory.com나디아 성장 일기[CSS] 폰트 / 폰트 적용법 / font-family 속성📌 폰트로컬 폰트(Local Font) : 로컬에서 직접 제공하는 폰트 운영체제(컴퓨터)에 내장된 기본 폰트 성능, 렌더링 이슈 발생 위험 크로스 브라우징 상태에서 폰트가 적용되지 않을 수도 있는 위험이 있음 웹 페이지의 디자인에 사용된 폰트가 사용자 시스템에서 지원되지 않는 폰트면 대체 폰트가 사용되어 디자인이 변경될 수 있다. 웹 폰트(Web Font) : 웹 페이지에서 사용되는 폰트 컴퓨터에 해당 폰트가 설치되어 있지 않아도 서버에서 제공하는 폰트 파일을 다운로드 받아 화면에 표시할 수 있다. 폰트 파일을 서버가 갖고 있음 =>📌 폰트 적용로컬 폰트 적용 (1) @font-face 방식 @font-face : 웹 브라우저에게 해당 서체를 다운로드할 것을 알리는 CSS 명령어 @font-face { font-family: '폰트명'; src: <source> [,<source>]*; font-weight: 값; font-style: 값;} * src: <source> 👉 사용자 컴퓨터에 설치되어 있는(로컬 환경에 있는) 폰트명을 local("Font Name") 형식으로 지정 @font-face { font-family: MyHelvetica;📌 font-family: 폰트 설정 font-family: family-name | generic-family ( initial | inherit ); family-name: 사용할 폰트의 이름 ' , ' 로 구분하여 여러 개 선언할 수 있다. 먼저 선언된 순서대로 우선순위가 결정된다. 이름 중간에 공백이 있거나, 한글일 경우 홑따옴표('')로 묶어서 선언한다. generic-family: 지정된 폰트 사용이 불가능할 때를 대비해 지정하는 대체 폰트 font-family 속성의 맨 마지막에 선언해야 한다. 키워드이기 때문에 따옴표 등의 인용 부📌 폰트 단축 표기법font: (font-style) font-size (/line-height) "font-family"; font: bold 60px /1 "SUIT Variable"; font-style font-size line-height값 앞에 슬래시(/)를 사용해야 함 font-family📍 폰트 사이트구글 폰트 Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 눈누 상업용 무료한글폰트 사이트 noonnu.cc 네이버 폰트 네이버 글꼴 모음 네이버가 만든 150여종의 글꼴을 한번에 만나보세요 hangeul.naver.com 참고 @font-face - CSS: Cascading Style Sheets | MDN CSS at-rule 인 @font-face 를 사용하여 웹2로컬 폰트 적용 (1) @font-face 방식 @font-face : 웹 브라우저에게 해당 서체를 다운로드할 것을 알리는 CSS 명령어 @font-face { font-family: '폰트명'; src: <source> [,<source>]*; font-weight: 값; font-style: 값;} * src: <source> 👉 사용자 컴퓨터에 설치되어 있는(로컬 환경에 있는) 폰트명을 local("Font Name") 형식으로 지정 @font-face { font-family: MyHelvetica;2024.05.02Font Awesome(아이콘 라이브러리) 사용하기[멋쟁이사자처럼 프론트엔드 스쿨 TIL] text-transform / font-variant: 영문 대소문자 설정통합웹 더보기
서비스 안내스토리의 글을 대상으로 검색결과를 제공합니다.자세히보기이은빈커리어 분야 크리에이터PM이 업계 영어를 가장 빠르게 배우는 방법4넘어가기 전 브랜드 가이드라인을 정리하는 역할에 좀 더 가까운가? 그럼 아래 용어들을 공부해야 할 거다 Graphic, banner, guidelines, moodboard, font map, vibe, keywords.. 내가 개발자라고 프런트엔드 쪽을 담당한다 치자. 내가 잘하고 회사에서 담당하는 정확한 분야는 어디인가? 내 프로그래밍 언어는 자바...브런치북일에 미친 미국인들 사이 한국인영어회사커리어2024.05.19브런치스토리 검색 더보기story.kakao.com李乙満日語同時通訳士李乙満日語同時通訳士 - 카카오스토리et vous amener par conséquent à moins vous en inquiéter. Ses découvertes sur l émerveillement font écho à celles du prophète Jérémie : Seigneur Éternel, c est toi qui as fait le ciel et...2024.05.22카카오스토리 검색 더보기커리어 크리에이터 보기
서비스 안내Kakao가 운영하는 책 서비스 입니다.다른 사이트 더보기Font
저자
Riggs Tamye
출간
2021.1.1.
Font (NIPB)
저자
Tamye Riggs
출간
2010.8.1.
도서
33,410원
BranD no.23 FONT FOREVER
저자
Sendpoints
출간
2016.3.3.
도서
4,000원
LES DESSERTS QUI ME FONT CRAQUER
출간
2014.7.24.
Gaspard Et Lisa Font Des Croissants
저자
Gutman
Gaspard Et Lisa Font Des Croissants
저자
Gutman
출간
2015.5.22.
Les Desserts Qui Me Font Craquer
도서
58,612원
Les Desserts Qui Me Font Craquer
도서
13,564원
Les desserts qui me font craquer NE
저자
Christophe ...
출간
2017.10.28.
The Gospel According to Mark (Large, 18 Font Print)
저자
Createspace...
출간
2018.3.21.
도서
10,820원
더보기(주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내(주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
