# font family
html class 지정
style 지정과 동일한 컨셉이다.class를 지정하면 원하는 태그에 사용 가능하다.아래 p.txt1의 경우 p태그에만 사용 가능하다.앞에 p가 없고 .txt1이라하면 어디든 사용 가능하다.padding의 기준 내부에 간격을 두는 것이고, margin의 경우 기준 외부
웹폰트
폰트 패밀리 설정법 이건 폰트가 컴퓨터에 설치되어 있어야 작성 가능버그없이 사용하려면 폰트의 영문명을 사용폰트명에 띄어쓰기가 있을 수 있으니 따옴표 안에 담는게 좋음폰트명을 콤마로 여러개 쓰면 제일 왼쪽에 있는 폰트부터 적용한다.실패하면 뒤에 있는 폰트들을 차례로 적용
[CSS] 1. 문법학습 & 속성의 종류(1)
선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보{중괄호} : 선택한 요소에 적용할 스타일을 정의하는 영역속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기 등)속성값 : 어떻게 정의하고 싶은지에 대한 정보인라인 스타일 : 태그에 직접 기술하기따로
HTML/CSS (중급) - 웹 폰트 넣는법과 안티앨리어
font-family는 inherit 됨\-버그없이 사용하려면 폰트의 영문명을 사용해야한다\-폰트명에 띄어쓰기가 있을 수 있으니 따옴표 안에 담는것이 좋다\-폰트명을 콤마로 여러개 쓰면 제일 왼쪽에 있는 폰트부터 적용한다 실패하면 뒤에있는 폰트들을 차례로 적용!\-웹사
폰트 사용
@font-face 를 사용해서 웹 페이지의 텍스트에 온라인 폰트 (online fonts)를 적용할 수 있다. @font-face를 사용해서 디자이너가 원하는 폰트를 사용할 수 있게 함으로써, 컴퓨터에 설치된 폰트로만 사용해야 했던 제약이 없어지게 되었다!아래 예제에
웹페이지 css로 시스템 폰트 적용하기
웹개발을 할때 ui 측면에서 중요하게 여기는 것 중 하나는 모든 브라우저에서 웹페이지가 디자인대로 나오는 것이다. 사실상 브라우저마다 기본 스타일이 다르기 때문에 똑같이는 어렵더라도, 비슷하게라도 나오게끔 개발을 진행하는데 이를 보통은 reset css, normali
CSS font 아는듯 모르는듯 한번더 이해를 튼튼!
CSS 폰트 사이즈 프로퍼티 font family web font font-weight font -variant 프로퍼티 line - height 프로퍼티 letter-spacing ,word-spacing 프로퍼티 text-align 프로퍼티 text
CSS 속성 (2)
1\. overflow요소의 크기 이상으로 내용이 넘쳤을 때, 보여짐을 제어하는 단축 속성기본: visible - 넘친 내용을 그대로 보여줌hidden - 넘친 내용을 잘라냄auto - 넘친 내용이 있는 경우에만 잘라내고 스크롤바 생성overflow는 overflow-
web font
기본형 @font-face { font-family: 글꼴 이름; src: url(글꼴파일경로) format(파일유형); }ttf 폰트를 eot파일과 woff파일로 변환ttf 파일은 다른 형식의 파일보다 용량이 크기 때문에 대부분읭 모던 브라우저에서 지원
CSS - 텍스트 관련 속성
텍스트 관련 속성 font-family : 글꼴 정의 font-size : 글자 크기 정의 text-align : 정렬 방식 정의 color : 글자 색상 정의 font-family 요소를 구성하는 텍스트의 글꼴을 정의한다. 쉼표를 통해 우선순위를 정할 수 있다.
web 기초/font-family
https://fonts.google.com/ 여러 폰트가 있겠지만 구글 폰트를 사용원하는 폰트를 선택페이지를 내리다보면 원하는 스타일들을 선택우측 상단의 사각형+를 누르면 선택한 스타일 목록을 확인하고 다운로드
Safari(사파리) 에서 폰트가 이상하게 보일경우 해결법 / CSS font-family 속성 총정리
아래의 두 스크린샷 중 첫번째는 Safari, 두번째는 Chrome 의 화면입니다. 이걸 보고 사파리가 이상하다, 표준을 안 지킨다고 생각들 수도 있는데요, 사실은 Safari 에서는 전혀 오류가 없습니다. 결론부터 말씀드리자면 웹사이트 개발자의 부주의로 웹브
