좋은 자료는 이렇게 옮겨 놓지 않으면 사라지거나 잊어 먹으므로 따로 저장합니다. 클릭하면 원본으로 이동하니까. 불펌해도 이해해 주겠지? 네이버는 대인배니까~ㅋㅋㅋ
 1896Berthold Staff |
 1905Morris Benton |
 1908Heinz Hoffman |
 1914Bruce Roger |
 1916Frederic Goudy |
 1917Morris Benton |
 1920Oswald Cooper |
 1923John Baskerville |
 1926Giambattista Bodoni |
 1927Eric Gill |
 1928Eric Gill |
 1927Paul Renner |
 1931Georg Trump |
 1932Stanley Morison |
 1936Linotype Staff |
 1953Robert Beasley |
 1957Max Miedinger |
 1957Adrian Frutiger |
 1958Hermann Zapf |
 1966Mathew Carter |
 1967Jan Tschichold |
 1968Adrian Frutiger |
 1970Herb Lubalin |
 1976Adrian Frutiger |
 1985Zuzana Licko |
 1988Otl Aicher |
 1989Carol Twombly |
 1989Robert Slimbach |
 1990Carol Twombly |
 1991Erik Spiekermann |
 1992Neville Brody |
 1992Robert Slimbach |
 1996Mathew Carter |
플래시에서 TextField에 국문과 영문이 섞일 경우 글꼴의 크기 차이로 인해 국문이 아래로 내려가거나 올가가는 현상 혹은 Baseline이 맞지 않는 경우가 종종(거의 대부분) 발생한다. 이러한 문제를 해결하기 위해서 사용 할 수 있는 프로그램으로 FontCreator 를 소개한 적 있다.
이 프로그램을 사용해도 국문과 영문의 차이로 인해 어떤값을 어떻게 바꾸어야 하는지 알기 어렵다. 실제로 여러번의 시행착오를 거치면서 이상여부를 확인해야 한다. 그중 가장 빈번하게 발생하는 국문이 아래로 밀리는 현상을 해결하는 법을 알아본다.
국문이 아래로 밀리는 이유는 영문의 상단폭이 국문보다 높게 잡혀 있기 때문이다. 그러므로 영문의 윗쪽폭을 아래로 내려주면 해결 할 수 있다. FontCreator 의 경우 Format -> Settings -> Metrics 에서 Win Ascent 를 변경하여 고쳐 줄 수 있다. Win Ascent의 정확한 값은 알수 없지만 x-Height 와 WinAscent 의 높이를 국문과 비슷하게 해주면 해결 되는 듯 하다.(확실하지는 않음)
주의할점은 국문과 영문의 Units per em 이 다르다는 점이다. 그러므로 절대적인 숫자를 국문과 같게하면 안되고 위의 그림처럼 가이드라인을 참고해서 값을 넣는게 더 바람직해 보인다.
]]>
이전 글에서 플래시에서 한 텍스트필드에 여러개의 폰트를 적용하는 법을 알아보았다. 그런데 이럴 경우 영문과 국문의 베이스라인 차이로 국문이 올라가 보이거나 내려가 보이는 현상이 발생하는 경우가 있다.
가장 깜끔한 해결방법은 CSS 에서 폰트의 위치를 변경해 주면 좋겠지만 플래시에서 지원하는 CSS 에는 이러한 기능이 없다. 결국은 폰트자체의 설정을 변경해 줘야 한다. 이러한 작업이 가능한 프로그램이 몇가지 있는데 그 중 FontCreator 을 소개 한다.
FontCreator는 윈도우 전용이라는 점이 아쉽기는 하지만 다양한 기능과 간단한 사용법이 폰트에 관한 깊은 지식이 없는 사람도 쉽게 사용 할 수 있다.
http://www.high-logic.com/fontcreator.html 에서 30일 데모 버전을 무료로 다운 받아 사용해 볼 수 있다.
p.s. 이외 프로그램들도 몇개 찾아 놓은게 있는데 지금 생각이 안나네;;;;
]]>이를 위해서는 TextField 의
styleSheet
embedFonts
htmlText
3가지 속성을 이용해야 한다.
styleSheet 에 임베드된 폰트를 지정해 줌으로서 swf 상에 있는 폰트를 사용 할 수 있다.
추가적으로 html 태그의 경우 자동으로 줄바꿈이 되는데 이걸 방지하기 위해서는 태그안에 태그를 넣어주면 된다. 아래의 예제를 통해서 확인 해 볼 수 있다.
import fl.events.SliderEvent;
var style:StyleSheet = new StyleSheet();
var yoonObj:Object = new Object();
var letterObj:Object = new Object();
yoonObj.fontFamily = new Yoon340().fontName;
yoonObj.fontSize = "12";
yoonObj.color = "#8c8c8c";
yoonObj.letterSpacing = "-1";
letterObj.fontFamily = new Letter().fontName;
letterObj.fontSize = "12";
letterObj.color = "#737373";
letterObj.fontWeight = "bold";
letterObj.letterSpacing = "-1";
style.setStyle("yoon", yoonObj);
style.setStyle("letter", letterObj);
txt_test1.autoSize = TextFieldAutoSize.CENTER;
txt_test1.styleSheet = style;
txt_test1.embedFonts = true;
txt_test1.htmlText = "휴먼편지체윤고딕340";
txt_test1.autoSize = TextFieldAutoSize.CENTER;
txt_test2.styleSheet = style;
txt_test2.embedFonts = true;
txt_test2.htmlText = "휴먼편지체 윤고딕340";
slide_size.addEventListener(SliderEvent.THUMB_DRAG, handleDrag);
function handleDrag(e:SliderEvent):void
{
yoonObj.fontSize = e.value;
letterObj.fontSize = e.value;
style.setStyle("yoon", yoonObj);
style.setStyle("letter", letterObj);
txt_test1.styleSheet = style;
txt_test2.styleSheet = style;
}
]]>