2011-04-01 2 views
15

CSS에서 "Arial Round MT Bold"를 사용할 수 있습니까? 나는 둘 때 변경css에서 "Arial Rounded MT Bold"를 사용할 수 있습니까?

font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif; 

아무것도 :

font-family:Arial, Helvetica, sans-serif; 
+0

당신은 변경 아무것도 무엇을 의미합니까? 그리고 왜 CSS 질문에'coding-style' 태그를 사용하는 사람들이 더 많습니까? BoltClock

+0

@BoltClock : 우리는 무엇을 사용해야합니까? – Bojangles

+0

@JamWaffles은'코딩-style' 태그입니다 "소프트웨어에 사용 된 규칙과 관행. 코드의 조직이기 때문에 클래스, 변수, 파일이 예입니다 명명." –

답변

2

가 좋은 크로스 브라우저 호환성과 사용자 정의 글꼴을 사용 FontSquirrel 살펴보고. 올바른 CSS를 생성하여 브라우저에서 작동하는 사용자 정의 글꼴을 얻습니다. 자신의 사이트에서 둥근 MT Bold 또는 다른 것을 원한다면 :-) 더 많은 글꼴을 원한다면 http://www.fontex.org/

0

Google Fonts도 볼 수 있습니다. 다른 글꼴이 많이 있지만 정확히 Arial Rounded MT Bold가 있는지 여부는 알 수 없습니다.

클라이언트 컴퓨터에만 설치된 글꼴 만 사용할 수 있습니다 !! 글꼴이 설치되어 있지 않으면 css font-family에서 글꼴을 언급하는 것만으로는 작동하지 않습니다. 이를 위해 Google Fonts와 다른 사람들은이 기능을 제공합니다. 거의 모든 컴퓨터에 설치된 "Times", "Arial"또는 "Verdana"가 아닌 글꼴을 사용할 때마다 원시 CSS

+0

@ font-face를 사용하지 않는 한. – Marcin

+0

@ font-face는 글꼴 정보를 어디에서 가져 옵니까? – strauberry

24

구글 글꼴 버논 아담스, Nunito이 있습니다 : 그것은 좋은 반올림의

http://www.google.com/webfonts/family?family=Nunito

; 일종의 그들이 Glitch에서 사용하고있는 것을 생각 나게합니다.

+3

Arial Rounded MT Bold의 대안으로 Google Web Fonts를 찾은 후이 페이지를 방문했습니다. 당신 덕분에 나는 실망하지 않았습니다. –

+0

당신을 환영합니다; 도와 줄 수있어서 기뻐! –

0

글꼴 스택을 변경할 때 아무 것도 변경되지 않으면 (웹 페이지의 로컬 브라우저에서 렌더링) 컴퓨터에 Arial MT Rounded Bold가 실제로 설치되어 있지 않은 경우가 있습니다. 이를 테스트하는 한 가지 방법은 헤드 라이트 (또는 폰트가 적용되는 모든 것)에 대해 '요소 조사'를하고 파이어 버그 (Firebug) 창에서 폰트 목록을 편집하는 것입니다. 일반적으로 이름이 지정된 글꼴을 찾고 이름에 공백을 추가하면 호출이 적절한 글꼴로 "분리"되고 브라우저는 스택의 다음 글꼴로 이동합니다.

기타 옵션으로는 Google의 웹 글꼴 Nunito (몇 분 전에 켄트 브루 스터 (Kent Brewster) 추천)를 사용하거나 서버에 글꼴 글꼴을 설정하고 둥근 글꼴 (RockoFLF Bold, FF Din Rounded, Nunito 및 Arial) 중 하나를 제공하는 옵션이 있습니다 MT 둥근 볼드는 모든 옵션입니다). (기술적으로 켄트의 의견에 따르면 Glitch는 Arial MT Rounded Bold를 두 번째 글꼴로 사용하여 RockoFLF를 사용하고 있습니다. 적어도 그 코드를 마지막으로 살펴본 것은 몇 달 전이었습니다. .. 다시 한번 확인해 보니 스택에서 Arial MT Rounded Bold가 삭제되었습니다. 글꼴이 포함 된 RockoFLF를 호출하고 있습니다.)

어쨌든 Kent Brewster가 지적했듯이 나는 최선의 방법이라고 생각합니다. 사용자의 컴퓨터 (또는 자신의 컴퓨터)에 있을지 확실하지 않은 경우 Google 웹 글꼴 '누닛 토 (Nunito)'를 사용하는 것입니다.

5

OP에서 더 많은 정보 없이는 알 수 없지만 Firefox의 하드웨어 가속 기능으로 인한 동일한 증상을 보았습니다. font rendering에 몇 가지 문제가 발생하는 것으로 알려져 있습니다. 내가 본 것은 클라이언트 컴퓨터에 존재하는 비표준 글꼴 (예 : "Arial MT Rounded Bold")을 렌더링하지 못하는 것입니다. 하드웨어 가속 IE, 크롬 또는 FF에서 볼 예를 들어

,이 페이지 ...

<html> 
<head> 
    <style type="text/css"> 
     body { font-family: "Arial Rounded MT Bold"; font-size: 30px; } 
    </style> 
</head> 
<body> 
    This can be really annoying. 
</body> 
</html> 

글꼴은 다음과 같이 올바르게 표시 해제 ...

FF 10 with hardware acceleration turned off

그러나 하드웨어 가속과 FF에서 볼 때 브라우저를 사용할 수가 있습니다

FF 10 with hardware acceleration turned on

...이 같은 다른 기본값, 그래서 지정된 글꼴 "을 찾아"실패 버전 이후 FF의 "기능"을하고 문제 4.

는 아마 가장 좋은 방법은 (켄트에서 알 수 있듯이) 다른 (표준) 폰트를 사용하거나 그 위스콘신 유사한 웹 폰트를 찾는 중입니다 모든 최신 브라우저에서 작동합니다. 또는 많은 글꼴 문제와 마찬가지로, 문제는 fall-back으로 사용할 글꼴 모음 목록을 제공하여 완화 할 수 있습니다.

+0

나는 똑바로 다시 타임즈 새로운 로마로 이동 귀하의 샘플 CSS는 첫 번째 이후에 어떤 대체 글꼴을 지정하지 않기 때문에 당신이 설명하고있는 성가신 "기능"의 일부라고 생각합니다. 나는 그것이 가속 모드에서 글꼴을 잘못 찾을 수는 없다고 말하는 것 같지만 두 번째, 세 번째 등의 더 나은 선택을 제공 할 수 있다고 생각합니다. – rtpHarry

+0

@rtpHarry : 내 예제는이 문제를 해결하기 위해 특별히 제작 된 것입니다. 게다가 원래의 대답에서 폴백의 사용에 대해 설명했습니다. – Molomby

+0

네가 좋은 지적을했다, 나는 단지 대화에 추가하고 있었다 :) – rtpHarry

4

나는 꽤 좋은 경기를 구글 폰트가 2011 년에 다시에서 여기에 제안 된 대안을 본 적이 있지만,이 Arial 둥근 MT 볼드와 동일하지 않습니다 글꼴에 약간 얇은 부분이있다.

여전히 나는이 하나가 더 적합하다고 생각 대안을 찾는 사람들을 위해

; 조 왕자에 의해 그라고 바렐라 라운드 :

는 또한보다 정확한 일치 font-weight: bold;에서 설정합니다.

관련 문제