나는 CSS에 유창 해 보지 못했지만 전에는 이런 상황을 생각하지 않았습니다.CSS "유니 코드 범위"를 사용하여 전체 (타사) 페이지의 글꼴을 지정할 수 있습니까?
stylish 저는 직접 통제 할 수없는 제 3 자 사이트에 CSS를 추가 할 생각입니다. 그래서 HTML과 CSS는 내가하고 싶은 커스터마이징을 위해 실제로 설정되지 않았습니다.
내가 조정하고 싶은 사이트는 글꼴을 잘 제어 할 수는 없지만 일부 페이지 (사용자가 만든)는 내 OS/브라우저 조합이 선택할 수있는 이국적인 유니 코드 범위 (예 : 크메르어)를 많이 사용합니다. 의 구조로 탐구없이
이![two muppets](https://i.imgur.com/yD5izDO.png "screengrab of \\"before\\"")
내가 알고있는 좋은 글꼴로 설정하는 특정 유니 코드 범위 내에 페이지의 모든 텍스트에 적용하는 CSS 규칙을 만들 수 있습니다 :에 대한 끔찍한 글꼴 HTML/DOM 페이지?
(또는 전용 웹 글꼴과 다른 무언가를 위해 unicode-range입니까?
대답은 대부분의 브라우저
유니 코드 범위 CSS 기술자에 '예'는 문자의 특정 범위를 설정 은 @ font-face로 정의 된 글꼴에서 다운로드 할 수 있으며 현재 페이지에서 사용할 수 있도록 을 사용할 수 있습니다.
예 :
@font-face {
font-family: 'Ampersand';
src: local('Times New Roman');
unicode-range: U+26;
}
지원 : 또한 CanIUse.com
문자의 어떤 특정 세트 (또는 범위) 원하는 지정하는 데 사용할 수 있습니다이 Article
체크하지 않고 **해야합니다. 역시 무시해야하지만 테스트해야합니다. –
없슴 행운이지만, 'Ampersand'와 'Times New Roman'의 두 글꼴은 각각 무엇을 의미합니까? 하나는 렌더링 할 폰트이고, 다른 하나는 그 범위에서 렌더링하는 것입니다. – hippietrail
아티클을 확인하십시오. 범위를 '이름 지정'해야합니다 (이 경우 앰퍼샌드의 새로운 '글꼴 모음'을 작성해야합니다). 'Times New Roman'은 원하는 대체 글꼴입니다 해당 범위에서 사용하십시오. –
유니 코드 범위의 참조 대역폭을 절약하기 위해 글꼴에서 다운로드해야합니다. 여기를 참조하십시오 : Mozilla unicode-range info
을 그냥 다른 글꼴을 강제로 시도 할 수있는 실제 CSS는
body{font-family: arial,sans-serif;}
를 선언하거나 추가로 뭔가를 수행하여 완벽하게 사용할 수 보지 않고 중요한 (내가 어느 하나에 피할 것이다! 정상적인 상황) 다른 글꼴이 예를 들면 거절하는 경우
body{font-family: arial,sans-serif !important;}
원본 글꼴면을 사용하지 않으면 유니 코드 범위가 중요하지 않게됩니다. 아이콘 글꼴을 제거하면 특정 기호/그래픽이 사라질 수 있으므로주의해야합니다.
희망이 있습니다.
죄송합니다. 귀하의 질문에 오해 한 것 같습니다. 기존의 유니 코드 글꼴을 모두 없애고 싶다고 생각했습니다.
전 세계 스타일링으로 해결되지 않은 부분을 찾으면 답안 부분과 Paulie_D 's를 결합하여 세련된 CSS에 특정 클래스를 추가하고 있습니다. 내가 얻을 수있는 가장 가까운 것 같아. – hippietrail
나는 이것에 대해 알고 있지만 오히려 한 곳에서 보여주고 다른 곳에서는 보이지 않는 사이트의 복사본에있는 가짜 캐릭터 문제를 해결하는 임무를 맡고있다. wyky 사이트의 문제는 서버의 httpd 설정이 모든 출력에서 특정 문자 세트를 강제하도록 설정 되었기 때문에 발생했습니다. http.conf와 AddDefaultCharset 설정을 찾습니다. 조심해야 할 한 가지 더. –
당신이하려고하는 것을 보여주는 예를 보여주고 다른 브라우저에서 자신의 경험을 공유했다면 그 질문은 훨씬 더 이해할 수 있습니다. –
예 아직 멀었습니다. 이상한 언어는 사람들을 내쫓을지도 모릅니다.하지만 그걸 보여 주려고합니다. – hippietrail