본문 바로가기

Tech

Prezi::한글

반응형

영어, 한글을 혼용해서 쓰시려면 CSS Editor 라는 것을 수정하셔야 합니다.

자~ 아래 첨부된 사진을 보시면서 하나씩 따라해보시겠어요.

우선, Colors & Fonts 에서

1단계 한글을 선택하세요.

2단계 Theme wizard를 클릭하세요.

3단계 좌측하단 Manual 버튼을 클릭하세요.

4단계 Use the Prezi CSS Editor 링크를 클릭하세요.

5단계 NanumGothicBold.swf 라는 파일을 복사하기 하세요.

자세히 보시면 텍스트 입력창 1,2,3과 CSS Editor창의 표기된 1, 2, 3이 각자의 폰트라고 보시면 됩니다.

6단계 수정을 원하는 프레지를 열고 2단계부터 4단계까지 똑같이 실행합니다.

밑에 보시면 텍스트 입력창 1, 2, 3의 폰트가 OpenSans-B.swf임을 확인할 수 있습니다.

7단계 텍스트 입력창 1, 2, 3 중 질문자님께서 한글로 쓰시고 싶은 걸 선택하신 후 한글 폰트를 붙여넣기 하세요. 

그럼 이제 텍스트 입력창의 2번 폰트를 선택하고 한글 사용이 가능합니다.

이런 식으로 한글과 혼용해서 사용을 자주 하시는 편이시라면
한글 폰트를 메모장에 적어놓고 붙여넣기 하시면 더 편리하게 수정해서 쓰실수 있어요. ^^

도움이 되셨길 바랍니다.

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10202&docId=152158625&qb=cHJlemkg7ZWc6riA&enc=utf8&section=kin&rank=3&search_sort=0&spq=0&pid=g91aaU5Y7vssstOge5Rssc--377017&sid=T91FFdkQ3U8AABdTGZ8

=============================

PREZI : 기본폰트는 가라! 다른 폰트를 이용해 또다른 새로움을 더하자.

이 엔트리는 2012년 5월 12일, 서비스 이야기에 게시되어 있으며 폰트 변경, 프레지, prezi 태그가 지정되었습니다. 퍼머링크를 북마크하세요. 댓글 남기기

저번시간에는 메뉴의 배경색이나 글자 혹은 기호등의 색깔을 변경하는 법을 익혔습니다.

이번시간에는 폰트메뉴에서 기본 글꼴인 나눔고딕 글꼴을 다른 글꼴로 변경하는 방법을 알아보겠습니다.

먼저 글을 시작하기에 앞서 폰트 메뉴에서 한글 테마를 선택했는데도 한글이 입력이 안되는 경우가 발생을 할 때가 있습니다. 이럴때는 Adobe Flash Player 업데이트를 해보시기 바랍니다.

저 같은 경우 한글입력이 안되길래 사용중이던 크롬이 아닌 익스플로어에서 실행을 하니 정상적인 한글입력이 가능하였습니다. 크롬은 플래쉬 플레이어를 내장하고 있는데 내장된 플래쉬 플레이어의 버그가 아닌가 생각합니다. 제가 사용중이던 크롬버전은 CoolNova 2.0.2.26 버전입니다.

그럼 이제 다른 폰트로 바꿔보겠습니다.

Theme Wizard 에서 Use the Prezi CSS Editer 를 클릭합니다.

그러면 위와같은 CSS Editer 가 나타납니다.

fontFamily 에서 각각의 의미는
head = 제목, strong = 부제목, body = 본문 입니다.

src: url(‘NanumGothicBold.swf‘);
fontFamily: body;

표시된 부분이 폰트를 지정해주는 부분입니다. 기본적으로 나눔고딕볼드체로 지정되어있습니다.

아리따움체 :  나눔명조체 : NanumMyeongjoOTFExtraBold.swf

확인해 본 결과 위의 두 서체를 프레지에서 추가로 사용 할 수 있었습니다.

NanumGothicBold.swf ⇒ AritaB.swf 혹은 NanumMyeongjoOTFExtraBold.swf 로 변경하신뒤 Apply버튼을 눌러 주시면 변경된 폰트로 프레지를 작성 하실수가 있습니다.

이 폰트 외에 다른 폰트들은 아직 지원되지 않는 것 같습니다.

꼭 다른 폰트를 쓰셔야 한다면 다른 툴에서 글자를 이미지파일로 저장해서 프레지에 불러오는 수 밖에 없을 듯 합니다. 좀 불편하죠 ㅠㅠ

앞으로 다양한 한글폰트들이 제공되었으면 하는 바람입니다^^

http://wiseonstory.net/2012/05/12/prezi-%EA%B8%B0%EB%B3%B8%ED%8F%B0%ED%8A%B8%EB%8A%94-%EA%B0%80%EB%9D%BC-%EB%8B%A4%EB%A5%B8-%ED%8F%B0%ED%8A%B8%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4-%EB%98%90%EB%8B%A4%EB%A5%B8-%EC%83%88%EB%A1%9C/

=========================

@font-face
{
    src: url('NanumGothicBold.swf');
    fontFamily: head;
}

@font-face
{
    src: url('NanumGothicBold.swf');
    fontFamily: strong;
}

@font-face
{
    src: url('NanumGothicBold.swf');
    fontFamily: body;

}

background
{
    gradStart: #fff;
    gradEnd: #fff;
}

text
{
    lockTintAlpha: 0.7;
    padding: 1.2;
}

text.title
{
    fontFamily: head;
    color: #e50032;
}

text.subtitle
{
    fontFamily: strong;
    color: #0039ad;
}

text.body
{
    fontFamily: body;
    color: #333;
}

frame.circle
{
    thickness: 6;
    gradStartAlpha: 0.4;
    gradEndAlpha: 0.6;
    gradStartColor: #cbf2ff;
    gradEndColor: #00ace5;
    lockTintAlpha: 0.7;
}

frame.bracket
{
    thickness: 10;
    gradStartAlpha: 1;
    gradEndAlpha: 1;
    gradStartColor: #ff2062;
    gradEndColor: #e50031;
    lockTintAlpha: 0.7;
}

frame.rectangle
{
    gradStartAlpha: 0;
    gradEndAlpha: 0;
    borderAlpha: 0.2;
    gradStartColor: #fff;
    borderColor: #288acc;
    gradEndColor: #fff;
    borderThickness: 4;
    radius: 30;
    lockTintAlpha: 0.7;
}

arrow
{
    thickness: 8;
    gradStartAlpha: 0.9;
    gradEndAlpha: 0.9;
    borderAlpha: 1;
    borderColor: #0039ad;
    gradEndColor: #fff;
    borderThickness: 2;
    gradStartColor: #fff;
    lockTintAlpha: 0.7;
}

line
{
    alpha: 1;
    color: #999;
}

line-arrow.style1
{
    alpha: 1;
    gradStartAlpha: 0.9;
    gradEndAlpha: 0.9;
    borderAlpha: 1;
    color: #333;
    gradEndColor: #fff;
    borderThickness: 2;
    gradStartColor: #fff;
    borderColor: #999;
}

line-arrow.style2
{
    alpha: 1;
    gradStartAlpha: 0.9;
    gradEndAlpha: 0.9;
    borderAlpha: 1;
    color: #00ace5;
    gradEndColor: #fff;
    borderThickness: 2;
    gradStartColor: #fff;
    borderColor: #00ace5;
}

line-arrow.style3
{
    gradEndColor: #fff;
    gradStartColor: #fff;
    color: #fff;
}

line-arrow.style4
{
    alpha: 1;
    gradStartAlpha: 0.6;
    gradEndAlpha: 0.8;
    borderAlpha: 1;
    color: #20568e;
    gradEndColor: #00ace5;
    borderThickness: 2;
    gradStartColor: #cbf2ff;
    borderColor: #20568e;
}

line-arrow.style5
{
    alpha: 1;
    gradStartAlpha: 0.9;
    gradEndAlpha: 0.9;
    borderAlpha: 1;
    color: #e50032;
    gradEndColor: #fff;
    borderThickness: 2;
    gradStartColor: #fff;
    borderColor: #e50032;
}

circle
{
    thickness: 100;
    gradStartAlpha: 0.6;
    gradEndAlpha: 0.8;
    gradStartColor: #cbf2ff;
    radius: 30;
    borderColor: #00ace5;
    gradEndColor: #00ace5;
    borderThickness: 2;
    borderAlpha: 1;
    lockTintAlpha: 0.75;
}

shape
{
    thickness: 100;
    gradStartAlpha: 0.6;
    gradEndAlpha: 0.8;
    gradStartColor: #cbf2ff;
    radius: 30;
    borderColor: #00ace5;
    gradEndColor: #00ace5;
    borderThickness: 2;
    borderAlpha: 1;
    lockTintAlpha: 0.75;
}

shape.style1
{
    thickness: 100;
    gradStartAlpha: 0.2;
    gradEndAlpha: 0.4;
    gradStartColor: #999;
    radius: 30;
    borderColor: #999;
    gradEndColor: #999;
    borderThickness: 2;
    borderAlpha: 1;
}

shape.style2
{
    thickness: 100;
    gradStartAlpha: 0.2;
    gradEndAlpha: 0.4;
    gradStartColor: #333;
    radius: 30;
    borderColor: #666;
    gradEndColor: #333;
    borderThickness: 2;
    borderAlpha: 1;
}

shape.style3
{
    borderColor: #fff;
}

shape.style4
{
    thickness: 100;
    gradStartAlpha: 0.2;
    gradEndAlpha: 0.4;
    gradStartColor: #20568e;
    radius: 30;
    borderColor: #20568e;
    gradEndColor: #20568e;
    borderThickness: 2;
    borderAlpha: 1;
}

shape.style5
{
    thickness: 100;
    gradStartAlpha: 0.3;
    gradEndAlpha: 0.4;
    gradStartColor: #ff2062;
    radius: 30;
    borderColor: #e50032;
    gradEndColor: #e50032;
    borderThickness: 2;
    borderAlpha: 1;
}

free-line
{
    thickness: 0;
    alpha: 1;
    color: #00ace5;
}

free-marker
{
    thickness: 25;
    alpha: 0.4;
    color: #e50032;
}

grid
{
    color: #cef;
}

=========================

반응형

'Tech' 카테고리의 다른 글

ie7 css핵 url  (0) 2012.07.03
SQL Server Performance Tips and Guidelines  (0) 2012.06.29
sql minus  (0) 2012.06.27
NOTEPAD++  (0) 2012.04.24
병합 풀고 값 채우기  (0) 2012.03.29
엑셀 단축키  (1) 2012.03.13