[ Windows ]29 파이어폭스 폰트어썸 출력하기 (Firefox font awesome fix) *폰트어썸(Font Awesome) 웹페이지: http://fortawesome.github.io/Font-Awesome/ 위와 같이 파이어폭스에서 폰트어썸이 제대로 출력되지 않는 경우, 아래 설정을 확인해보세요. 위 설정과 같이 "설정-> 고급" 이동 후 "웹 페이지에서 지정한 글꼴 사용 허용"에 체크하면 폰트어썸이 정상적으로 출력됩니다. IE 등 다른 브라우져에서도 출력이 제대로 안된다면, 위와 비슷한 글꼴 관련 부분을 확인해보세요. 체크 후 정상적으로 출력되는 모습입니다. 2014. 3. 20. iframe 반응형 YouTube, Vimeo, 다음팟 플레이어 넣기 //----------- 스타일 지정 [반응형] (YouTube, Vimeo, 다음팟 공통) ※ 반응형 플레이어 구성을 위한 핵심 요소들의 기능은 다음과 같다. - position:relative; // chromium 기반 브라우져에서는 없어도 무방하지만 기타 브라우져에서는 이 옵션이 없으면 플레이어는 본문의 하단 저 밑까지 높이가 늘어지게 된다. - padding-bottom:56.25%; // chromium 기반 브라우져에서는 없어도 무방하지만 기타 브라우져에서는 이 옵션이 없으면 플레이어는 보이지 않고 음성만 듣게 된다. ※ 56.25라는 수치는 16:9 영상의 너비 16을 100%로 봤을 때, 높이 9에 해당하는 비율이다. 플레이어를 9에 해당하는 높이 만큼 출력해준다. 다른 비율 영상의 경우.. 2013. 12. 23. 파피루스(Papyrus)체와 필기체 혼합해서 자막 출력하기 (FontLink) 파피루스(Papyrus)체와 필기체 혼합해서 자막 출력하기 (FontLink)*주의: 먼저 Papyrus체와 필기체가 윈도우에 설치되어 있어야 합니다. 다만, FontLink를 위해서는 설치되는 폰트의 파일명이 영문으로만 돼있어야 합니다. (ex: 필기체.TTF (X), Pilgiche.TTF (O)) - 폰트 설치 경로: C:\WINDOWS\Fonts (폰트 파일 복사 후 이 곳으로 붙여넣기) *Windows 8은 아래 링크 참조 http://1sam-online.blogspot.kr/2012/12/8-windows8-change-fonts.html *(XP, Windows 7) 시작-> 실행(Win+R) -> regedit HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windo.. 2013. 10. 27. [iframe 태그] 영화 예고편과 네이버 영화 깔끔하게 넣기 // ※ 핵심: overflow:hidden; (네이버 영화 페이지의 불필요한 부분을 보이지 않게 숨겨주는 역할을 한다.) - IMDB는 trailer에도 overflow:hidden; 적용. // top, left, right, bottom으로 주는 여백은 iframe의 width, height 값을 기준 틀로하고 위치만 벗어나는 형태이다. 그래서 margin으로 처리하는 것이 좋다. // 옵션 커맨드 ("&"는 커맨드 사이에 넣어 줌. 그냥 "&" 넣어도 무관) -play_loc=undefined:기본 커맨드이며 정확한 역할은 모르겠으나 뺄 경우 영상을 불러오지 못함. -autoPlay=:자동재생(true=켜기, false=끄기) -profileName=:재생화질(HIGH=720p, MAIN=360p.. 2013. 10. 6. 이전 1 2 3 4 5 6 ··· 8 다음
