▲GN⁺ 2024-08-15 | parent | ★ favorite | on: 구문 강조 기능을 내장한 폰트(blog.glyphdrawing.club)Hacker News 의견 재미있는 해킹임 OpenType 기능 사용에 대해 약간 혼란스러움이 있음 font-feature-settings: "colr", "calt"; 설정이 의미가 없음 colr 기능 태그가 OpenType 레이아웃 테이블에 없음 COLR 테이블 활성화 의도였을 가능성이 있음 calt 기능은 기본적으로 활성화되어 있음 Firefox와 Chrome에서는 잘 작동하지만 Safari에서는 작동하지 않음 원본 텍스트가 그대로 유지됨 태그 래핑이나 JS 없이 userContent.css로 작동함 또 다른 차원의 접근임 OpenType 전문가가 아니므로 대체 논리를 개선할 수 있음 수정된 소스 파일을 공유할 의향이 있음 아이디어나 피드백이 있으면 연락 바람 이 해킹은 끔찍하지만 놀라움 OpenType 문맥 대체 기능을 훌륭하게 악용함 공유해줘서 고마움 훌륭한 해킹임 약 45kB로 baseline highlight.js와 비슷한 크기임 JavaScript가 비활성화된 환경에서도 작동함 실행 시 구성 가능성과 언어 지원이 좁아짐 페이지 하단에 좋은 메시지가 있음 "이 사이트는 쿠키를 사용하지 않으며 제3자 사이트로 링크하지 않음" 이 점이 마음에 듦 코드로 자동화할 수 있을 것 같음 일반적인 사용 사례에 유용한 방법임 Chromium 기반 브라우저에서 버그가 있음 color: blue를 입력하면 r만 강조됨 복사+붙여넣기하면 제대로 작동함 여전히 멋진 기능임 정말 멋진 기능임 textarea와 입력 필드뿐만 아니라 큰 HTML 문서에서도 사용 가능함 많은 span과 HTML 태그를 사용하지 않아도 됨 하드웨어 가속 폰트 렌더링 소프트웨어가 모든 것을 처리함 메모리와 CPU를 많이 절약할 수 있을 것임 파서 생성기처럼 작동하는 것이 필요할 것 같음 규칙이 얼마나 표현력이 있는지 명확하지 않음 정말 놀라운 기능임 더 나은 서체로 보는 것이 기대됨 (예: Inconsolata 또는 JetBrains Mono) JSON을 쉽게 표시하는 데 유용할 것임
Hacker News 의견
재미있는 해킹임
font-feature-settings: "colr", "calt";설정이 의미가 없음colr기능 태그가 OpenType 레이아웃 테이블에 없음calt기능은 기본적으로 활성화되어 있음원본 텍스트가 그대로 유지됨
OpenType 전문가가 아니므로 대체 논리를 개선할 수 있음
이 해킹은 끔찍하지만 놀라움
훌륭한 해킹임
페이지 하단에 좋은 메시지가 있음
코드로 자동화할 수 있을 것 같음
Chromium 기반 브라우저에서 버그가 있음
color: blue를 입력하면r만 강조됨정말 멋진 기능임
파서 생성기처럼 작동하는 것이 필요할 것 같음
정말 놀라운 기능임