728x90 300x250 SMALL Front-end/HTML78 화면을 줄였을때 밑으로 떨어지는 코딩 .container { border: 5px solid #ffcc5c; display: flex; justify-content: flex-start; flex-wrap: wrap; //이렇게 지정해준다. } 2021. 8. 13. font-face 웹폰트 적용 eot, woff, otf/ttf @font-face는 사용자 컴퓨터에 폰트가 설치 되어있지 않아도 서버에서 내려받아서 사용할 수있는 방법입니다. 폰트에대한 설명과 웹폰트로 변환하는 방법은 아래 포스팅을 참고해 주세요 https://moo-you.tistory.com/55 ttf폰트 직접 웹폰트 업로드해 사용하기 ▶ 웹에서 사용할수 있는 폰트 TrueTypeFont(*.ttf) : 트루타입은 애플과 마이크로소프트에 의해 1980년대 후반에 개발된 글꼴 표준 OpenTypeFonts(*.otf) : 오픈타입은 확장가능한 마이크로소프트 컴퓨터 글 moo-you.tistory.com 폰트마다 지원하는 브라우저가 다르다보니 다양한 탕입들의 글꼴들을 업로드 해줘야 합니다. @font-face 작성형식 @font-face{ font-family:".. 2021. 8. 11. 폴리필(pollyfill) 이란? 폴리필(pollyfill) 이란? polyfill이란 충전솜이라는 뜻으로 꺼진 솜을 메꿔주는 역할을 하는 것을 말한다. 그러니까 브라우저에서 파편화 현상( 최신 브라우저라도 html5 표준 기능들이 어떤 브라우저에서는 되고 또 어디서는 안되는데 이런 현상)이 일어났을때 이런 파편화를 줄이고 비슷하게라도 같은 결과를 나타내기 위한 방법을 통틀어서 심(shim) 또는 폴백(fallback)라고 한다. 폴리필(pollyfill)은 파편화가 생기는 브라우저에 삽입하는 자바스크립트로 브라우저를 진단해서 심을 자동으로 대체해 줌으로써 해당 기능을 지원하지 않는 다른 브라우저에서도 작동하도록 하는 일부 코드를 말한다. 따라서 폴리필은 일종의 투명한 shim이라고 볼 수 있다. https://moo-you.tistor.. 2021. 8. 9. 폰트 사이즈 단위 (em, ex, pt, rem, px)와 굵기 - 폰트사이즈 em 부모요소에서 지정한 폰트의 대문자 M의 너비를 1em으로 놓고 상대적으로 계산하여 만약 지정크기가 없으면 16px이 기본 1em으로 지정이된다. ex x-height, 해당 글꼴의 소문자 x 높이를 기준으로 px 모니터에 따라 상대적 크기가 된다. pt pt는 포인트의 약자로 1포인트는 0.72인치로 일반 문서에서 많이 사용하는 사이즈이다. % 기본글꼴 크기에 대해 상대적인 값을 가진다. rem root + em의 뜻으로 최상위 root 요소의 폰트 사이즈를 1rem으로 놓고 사용한다. px = pt/0.75 pt = px*0.75 em = pt/12 % = pt*100 / 12 공식에 의해서 9pt는 12px 10pt는 13.33333 px 12pt는 16px 이런식으로 된다. 폰트.. 2021. 8. 8. 이전 1 ··· 5 6 7 8 9 10 11 ··· 20 다음 728x90 반응형 LIST