웹 페이지용 코딩 폰트

이번에 블로그 테마를 반응형 디자인을 지원하는 걸로 바꿨는데 PC에서 확인했을 때는 괜찮았는데 모바일에서 확인했을 때는 코드 폰트가 고정폭 글꼴이 아니라서 어떻게 해야 할지 찾아봤다. 결론적으로 더 많은 고정폭 글꼴을 font-family로 지원하면 된다. 그래서 아래 글을 참고해서 style.css 파일의 내용을 수정했다.

font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

This site uses Akismet to reduce spam. Learn how your comment data is processed.