Coder Social home page Coder Social logo

poposnail61 / min-sans Goto Github PK

View Code? Open in Web Editor NEW
99.0 99.0 2.0 1.01 GB

한·중·일 문자와 라틴 문자, 숫자를 조화롭게 만든 다국어 글꼴

Home Page: https://jinseong-kim.notion.site/Min-Sans-f4c815c207d2435d9cc468dd63196f07

CSS 100.00%
cjk-characters cjk-font font minsans

min-sans's People

Contributors

poposnail61 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

min-sans's Issues

Font info에서 trademark 부재로 인한 name table 이슈

macOS에서 otf 확장자인 Min Sans를 설치할 때 ‘name’ 테이블 구조에 사소한 문제가 있다고 알려주는데요, Glyphs 파일에서 다음과 같이 정보를 추가하면 해결이 가능합니다.

  • Font Info(Cmd+i)에서 Fonts 탭에 General 섹션에 있는 Trademark 부분에 내용을 Min Sans is a trademark of Jinseong Kim.과 같이 추가

Font files too heavy?

The current weight for he font files it's not convenient for web use. 5Mb for mostly buttons it's too much, is there a possible way to reduce the font file size? Like Making separate files for each language?

스태틱 폰트 오류

민산스의 Static 폰트에 오류가 있습니다.

1657953544

이미지를 확대해보면, 알파벳과 한글을 가리지 않고 획이 겹치는 부분의 색이 비어있음을 확인할 수 있습니다.
한글은 명확히 이러한 문제가 잘 보이는 것에 비해 알파벳은 이러한 문제가 잘 보이지 않습니다. 세번째 문장에서 w와 e를 확대해보시면 획이 겹치는 부분에 빈 픽셀이 있는 것을 확인할 수 있습니다.

이러한 문제는 Variable 폰트에는 발생하지 않는 것 같습니다.

테스트에 사용한 HTML 코드는 다음과 같습니다. fonts/static/MinSans-Regular.otf 경로 기준으로 fonts/test.html이 되도록 파일을 생성하면 됩니다.

<!DOCTYPE html>
<html>

<head>
    <title>Min Sans Test</title>
    <style>
        @font-face {
            font-family: 'MinSansVariable';
            font-display: swap;
            src: url('./variable/MinSansVF.ttf') format('truetype'), local('Min Sans VF');
        }

        @font-face {
            font-family: 'MinSansStatic';
            font-display: swap;
            src: url('./static/MinSans-Regular.otf') format('opentype'), local('Min Sans');
        }

        .variable {
            font-family: 'MinSansVariable' !important;
            font-size: 3em;
        }

        .static {
            font-family: 'MinSansStatic' !important;
            font-size: 3em;
        }
    </style>
</head>

<body>
    <p class="variable">This string is written with Min Sans Variable.</p>
    <p class="variable">이 문장은 민산스 바리어블로 쓰여졌습니다.</p>
    <p class="static">This string is written with Min Sans Static.</p>
    <p class="static">이 문장은 민산스 스태틱으로 쓰여졌습니다.</p>
</body>

</html>

테스트 환경은 Windows 11 + Chrome입니다.


PS. 배포용 압축파일에서 .DS_Store 파일을 제외하고 배포하는 것은 어떤가요? 해당 파일은 Mac OS 이외의 OS에서는 쓰이지 않는 파일입니다.

Missing weights?

This is because, as per interpolation and VF, the weights ExtraLight, SemiBold, and ExtraBold are implicit, but not implemented.

한글파일에서 볼드 처리할 때

안녕하세요! 폰트 정말 예쁘고 활용성이 너무 좋아 잘 쓰고 있습니다. 감사합니다.
폰트 업데이트를 앞으로 진행하실 예정인지도 여쭙고 싶습니다 ㅎ.ㅎ

White shapes inside letterforms

There are some white shapes on the letterforms, and they become very visible on heavier weights and smaller sizes.

imagen

But it's noticable in lighter weights as well

imagen

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.