게시물에서 찾기매뉴얼

구글 문서(독스)에서 pdf로 내보내기 했는데 왜 굴림체로 저장됨? 😫[구글 문서 폰트 매뉴얼]

  • 등록일
    2023/04/28 17:23
  • 수정일
    2023/09/01 18:07
  • 분류
    출근일기

ㅋㅋ 우리 활동가들이 pdf를 맨날 굴림체로 만들길래 왜 그러냐구 물어보다가 몰라서 그랬단 걸 알게 돼서 만들어봄 모두 다 싫어하고 있었음ㅋㅋㅋ 복고풍 유행한 뒤 굴림체가 힙하게 여겨지기도 했는데 아무 디자인 없이 글자가 굴림체인 것은 여전히 구리다는 느낌을 모두에게 주는 듯

맑은 고딕 절대 지켜!<
구글 문서 pdf 내보내기로 맑은 고딕 유지할 방법은 없는 것인가? → 없다. doc로 다운받아서 변환해야 함.

귀찮으니까 굳이 맑은 고딕 쓰지 말고 다른 폰트 쓰기루 해


구글 문서 작업 후 pdf로 다운받았더니, 분명히 폰트가 더 예뻤던 것 같은데 구린 폰트로 다운돼서 당황한 적 있으신가요? 구글 문서만이 아니라 스프레드시트, 구글 슬라이드 다 마찬가진데요.

왜 그랬는지, 예쁜 폰트는 어떻게 적용할 수 있는지 알려드림

그럼 왜 괜찮아 보이던 글씨체가 구려지는 걸까요?

기본적으로는 내 컴퓨터나 내 폰에, 폰트가 깔려 있어야 그 폰트로 보인다는 건 아시죠?

윈도우 사용자의 경우, 기본 폰트가 ‘맑은 고딕’이에요. 그래서 기본적으론 다 맑은 고딕체로 보입니다.  구글 문서에서 기본으로 보이는 것도 맑은 고딕이고요. 만약에 다른 글씨체로 보인다면 그건 여러분 브라우저에서 기본 폰트를 다른 폰트를 설정해놨기 때문입니다.

애플 사용자라면 애플 기본 폰트인 ‘애플 산돌 고딕 네오’ 폰트로 보이는 거고요.

하지만 둘 다 다운로드 받으면 굴림체가 돼죠. 왜? 여기 글꼴 설정하는 부분을 보세요. Arial(에리얼)이라고 돼 있죠. 구글 문서 기본 폰트가 영문 폰트인 애리얼이기 때문입니다. 영문 폰트에는 한글 디자인이 당연히 없기 때문에, 영어랑 숫자 부분은 에리얼 폰트가 적용되고, 한글 기타 등등 언어는 해당 컴퓨터 또는 브라우저의 기본 폰트로 보여주는 거예요.

그래서 문서에서 폰트를 따로, 일부러 지정해 줘야 해요.

그럼 폰트를 바꿔볼까요?

괜찮은 폰트로 바꾸는 방법

일단 전체 선택한 다음에 한 번에 바꾸면 되긴 하는데.

(폰트 살펴보기) 근데 보다시피 한글 폰트가 너무 없어요. 그러니까 컨트롤 제트로 취소하고, 다른 한글 폰트를 좀 추가해 볼게요. 구글이 추가로 제공하는 폰트를 살펴보죠.

글꼴 더보기 >> 문자:한국어 >> 하면 이렇게 무료로 쓸 수 있는 폰트들이 몇 개 있습니다. 몇 개 없네요. 그리고 왜 영어로 써 있을까요🤔 암튼 폰트를 미리보기 할 수 있으니 글자를 보고 선택해서 추가하면 되는데요. 저는 이제 네이버에서 만든 나눔체는 질려서 고딕 A1이랑 Black Han Sans, 함렡체를 추가해 보겠습니다.

그러면 글꼴 목록에 들어와 있는데, 왜째선지 폰트명이 다 영문이라서 영문으로 찾아야 해요. 아무튼 고딕 에이원이랑 함렡체는 폰트 굵기가 다양해서 참 좋습니당.

(얼굴?) 내 컴퓨터에 깔려 있는 폰트들은 여기 불러와지지 않습니다. 구글이 제공하는 것만 쓸 수 있어요.

이게 글자만 있는 문서면 전체 선택해서 원하는 글꼴 지정하면 되지만, 소제목을 다른 폰트로 할 거면 전체 선택해서 바꾸지 말고, 폰트 바꾼 문단에 커서를 두고 ‘일반 텍스트 >> 일반 텍스트 스타일 업데이트’를 누르면 한 번에 다 바뀝니다. 소제목도 마찬가지에요. 지금 이 소제목은 제목 2인데, black han sans로 설정하고 ‘제목 2 스타일 업데이트’를 누르면 다 한 번에 바뀌죠?

근데 여러분이 맑은 고딕을 설정했다면… pdf를 다운로드 받으면 여전히 굴림체로 다운됩니다.

pdf 다운로드 받으면 여전히 굴림체인 문제 해결하기

이유는 맑은 고딕이 무료 폰트가 아니라서입니다. 폰트 저작권이 사용 범위가 다 다르거든요. 구글이 맑은 고딕의 저작권사인 MS에게 pdf에 폰트가 포함되게 하는 사용권은 안 받았나봐요.

그래서 pdf는 맑은 고딕으로 다운받을 수 없고요, MS 워드로 다운받으면 맑은 고딕이 적용돼 있습니다.

그런데! 아까 적용한 A1고딕이랑 함렡체는 또 적용이 안 되고 엉뚱한 폰트가 보이네요? 왜냐면 이제 다운로드한 뒤에는 내 컴퓨터에 깔려 있는 폰트로 보여주는 건데, 제 컴에는 두 개 폰트가 안 깔려 있거든요. 이 폰트들은 무료 폰트니까 웹상에서 검색해서 다운받으시면 해결됩니다.

지금 얘기한 거 슬라이드랑 스프레드시트에도 다 적용돼요.

 

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기

구글 내 지도 만들기 매뉴얼 feat. #파리바게뜨 노동자 화이팅 그리고 #SPC멈춰라 #일인시위

사용자 삽입 이미지출처: 한눈에 보는 노동착취 성차별 SPC 불매목록!


SPC그룹 서울지역 직영매장 앞에서 진행될 동시다발 일인시위 소식을 보고 일인시위를 한 눈에 보기 좋은 '구글 내 지도' 만들기 매뉴얼을 만들어 보았다.

일인 시위 외에도 주소지가 있는 활동이라면 활용도가 높구

이거 보고 만드신 건지 확실하진 않지만 광주전남지역 SPC파리바게뜨 불매지도가 바로 나왔다구 제보 받음 우왕 영상에서 안 다룬 아이콘 이미지로 넣기도 하심 대박


00:00 시작
00:37 구글 로그인 후 스프레드시트 문서&지도 열기
1:00 구글 스프레드시트로 바로 지도 만들기
1:52 불러온 데이터 수정하기
02:43 구글 스프레드시트 문서 다운받기
03:43 csv 파일 업로드해서 지도 만들기
04:36 지도 타일 바꾸기
04:55 마커 색깔/아이콘 바꾸기
05:42 브랜드별 레이어 나눠보기 (이따가)
06:02 마커별 사진 추가하기
06:51 마무리: 공개&공유하기
07:25 지점명을 레이블로 쓰기 위해 다시 복습
09:54 #SPC멈춰라

안녕하세요 '따져보는 오늘의 기술 이야기: 따오기'입니다

아플 때 쉴 권리, 점심 시간 한 시간 등 너무 당연한 걸 요구하며

파리바게트 제빵노동자들이 투쟁에 돌입한 지 한참 됐는데요

파리바게뜨, 던킨도너츠, 배스킨라빈스 등을 운영하는

거대 기업 SPC는 노조탄압으로 일관하고 있고요

때문에 많은 시민들이 SPC 제품의 불매를 선언하고

노동자들의 연대하는 일인 시위를 계속 조직하고 있습니다

동시다발 일인시위를 할 매장 주소가 스프레드시트로 공유되는 걸 봤는데요

이 주소들을 지도에서 한번에 보면 편하겠다 싶어서

'구글 내 지도' 만들기 매뉴얼을 준비해 보았습니다

먼저 구글에 로그인한 상태에서

최근에 공유된 "SPC 그룹 서울지역 직영매장" 스프레드시트를 열어 봤고요

이 상태에서 구글 지도에 들어와서

메뉴 > 내 장소 > 지도 하면

그동안 내가 만들었거나 열어 봤던 지도들이 이렇게 보입니다

그래서 지도 만들기를 클릭하면

이렇게 지도를 만들 수 있어요

이 스프레드시트의 주소를 가져와 보겠습니다

지금 구글 드라이브에

내가 열어 봤던 문서를 확인할 수 있죠

이거다

서울 직영매장

첫행에 있는 제목을 가져와요

그래서 지금 A, B, C 세 열이 있는데

지금 A열만 제목이 있고 B, C는 여기 merge(병합)돼서 제목이 없죠

근데 제목이 없지만 우리는

주소가 세 번째 열에 있다는 걸 알고 있죠

그래서 위치를 표시할 열로 세 번째 열을 선택해주고

제목, 마커마다 이름이 있어야지 변별력이 있을 거 아니에요

제목은 브랜드로 갑시다, 나중에 바꿀 수 있어요

브랜드니까 첫 번째 열로, 완료

하면 이렇게 자동으로 불러와요

그러면 일단 문서 제목까지 가져와서

이 레이어에 제목도 자동으로 들어가 있고

그런데 지도에서 다섯 개의 행을 표시할 수 없다고 나오죠

이게 데이터가 구글 지도가 읽었을 때 오류가 있을 수 있는데

데이터를 여기서 수정하고 삭제할 수 있거든요

아 그치, 행 삭제를 눌리면 삭제가 되고

얘는 이게 띄어쓰기를 어떨 때는 안 해도 되는데

어떨 때는 띄어쓰기 안 한 거를 인식을 못하더라고요

그래서 괄호 앞에 띄어쓰기하고 엔터를 누르면

여기라고 이렇게 뜨죠

이것도 똑같이 다

이렇게 하면 일단 데이터가 다 들어왔습니다

근데 지금 문제가 보시듯이 'unnamed', 언네임드라고

첫 행의 B,C는 말이 없기 때문에 레이블이 이렇게 안 예쁘게 뜨죠

그래서 이걸 애초에 만들 때

첫행에 레이블을 써 주는 게 좋고요

이게 지금 제가 만든 문서가 아니기 때문에 제가 수정할 수가 없잖아요?

보기 전용 이잖아요?

이걸 다운받아서 내가 수정해서 올리는 걸 해보겠습니다

파일 > 다운로드 > 데이터 형식을 플레인 텍스트만 있는 csv로 다운 받아 볼게요

그래서 이거를 열어 보면 이렇게 깨져요

이게 구글 드라이브에 되게 오래된 이슌데 아직도 안 고치고 있어요

하지만 데이터는 그대로 있습니다, 이거 어떻게 확인할 수 있냐면

다운로드 폴더 가보면

이거를 연결프로그램에서 메모장으로도 열 수 있어요

그럼 이제 그대로죠, 데이터는 그대로 있죠? 안 깨지고

이거 인코딩을 바꾸려면 다시 저장해 주면 되는데

그러기 전에 저는 첫 행에서 제목을 지우고

첫 행을 레이블로 만들어 놓겠습니다

그리고 주소도 띄어쓰기 지우고

파일을 '다른 이름으로 저장' 했을 때 인코딩을, 지금 UTF-8로 되어 있는데

ANSI로 바꿔주면

끝~

그래서 이 상태에서 다시 열어 보면

깨끗하게 한글이 잘 나오죠?

이 파일을 업로드해서 다시 만들어 볼게요

그러면 이거를 일단 눈을 꺼놓고 레이어를 추가해서

이거 나중에 레이어를 삭제하면 돼요

그래서 '가져오기'로

업로드

그러면 첫 행에 있는 브랜드, 지역, 주소 이 레이블이 나오죠

주소를 기준으로 지도를 만들어 주라

제목은 브랜드로 하겠습니다

완료, 하면

이렇게 뜹니다

아까랑 달리 이렇게 지역 주소 이렇게 나오죠

만약에 제목을 지역으로 바꾸고 싶다면

이렇게 여기서 바꾸면 돼요

쉽졍?

주소로도 바꿀 수 있고

그러니까 이 열마다 각 열에 제목=맨위에 있는 레이블이

보이게 이렇게 설정을 할 수 있는 거예요

참 쉽죠?

근데 이게 좀 지도가 정신 사나워서 좀 안 보이죠

지도 스타일을 좀 바꿔줄게요

어두운 색깔이 좋아

뭐 이렇게

아홉 개밖에 선택지가 없지만

내 마음에 잘 드는 걸로 선택을 해주시고

저는 어두운 게 좋아서

그리고 이거 마커 스타일도 바꿀 수 있어요

지도 타일이 파란색이니까 마커 색깔은 좀 밝은 색깔로 할까

주황색, 별로다

아이콘도 더 선택할 수 있습니다

아이콘은 SPC 매장들 앞이니까

근데 우리는 일인 시위를 하는 거니까

시위 같은 거 없나?

정의가 구현되길 바라는 마음으로 번개

에이 뭐.. 번개 별로다

동물로 할까 동물..

유령이 동물이야?

아이 뭐 귀엽네요

디자인을 살짝 가미해 봤습니다

그리고 아까랑 똑같이 데이터가 네 개가 문제가 있다고 나오죠

저는 다시 띄어쓰기-엔터

만약에 던킨이랑 파리바게트 레이어를 따로 만들고 싶다 그러면

각 csv 파일을 별도로 만들어야 됩니다

각 매장주소를 한 파일이 아니라 파리바게트.csv

베스킨라빈스.csv

던킨도너츠.csv

세 개 파일이 있어야 되는 거고요

그럼 각 파일을 여기다 불러와가지고

레이어를 추가하면 되겠죠

이게 좋은 게 사진을 추가할 수 있어요

여기서 실제로 누가 일인 시위를 진행했다 그러면

사진을 다운 받아서 업로드 귀찮게 하지 않아도 url로 할 수 있거든요?

예를 들어서 트위터에서 퍼운다

사진에서 이미지 주소를 딸 수 있잖아요 '이미지 링크 복사'로

트위터든 페이스북이든 공개 게시물이면 어디서든지 주소를 딸 수 있거든요?

그럼 지도로 와서 이미지 url을 붙여넣으면

이렇게 알아서 가져와요

이렇게 일인시위를 진행한 사진을 넣고 저장을 할 수 있는 거죠

한번 미리 봐볼까?

그런데 이렇게 파리.. 어디 어디 점하고 나오는 게 낫긴 하겠다

'김포공항점' 이게 주소가 나눠져 있는 게 나을텐테

전에 본 것은 지점 이름이 나눠져 있었는데

그걸 가지고 한번 또 해볼게요

여기까지 보고 이해되신 분들은, 따라 할 수 있겠다 싶으신 분들은

지도 제목도 바꿔주고

설명도 추가해서

이거 레이어를 똑같은 거니까 삭제해야겠죠?

레이어 삭제해서

공유를, 공유 버튼을 통해서

링크가 있는 사람들 누구나 볼 수 있게 하고

검색이 되게 설정하고

내 아이콘이 뭐 굳이 보일 필요 없으니까

보이고 싶으면은 보이면 되고

그래서 링크를 복사하면 됩니다

'제목없는 레이어' 이런 것도 다 삭제를 해줘야겠죠

실제로 공개할 때는

그러면은 그 전에 지점명도 나눠져 있던 걸로

한번 다시 새로 만들어 볼게요

직영점 지점명이 이렇게 나눠져 있는 거는 이거였는데

이거는 일단 csv 파일은 시트를 이렇게 여러 개 할 수 없고

한 파일당 한 시트만 있어야 되는데 일단 던킨도너츠를 다운 받아볼까요?

다운로드 > csv

던킨도너츠.csv

내가 선택한 탭에 있는 그 시트가 다운이 되는 겁니다

파리크라상 또 따로 받고

여기 지점명이 써 있어가지고

지도에서 이쪽이 좀 더 변별력이 있을 것 같아서

세 개만 해보죠

다시 지도 만들기

이 파일들도 아까 했던 거랑 똑같은 작업들을 해주세요

이거는 두 줄을 삭제하고 그냥 저장만 해주면 되죠

첫 행에 레이블이 있게 하는 게 목적이니까

엑셀프로그램으로 열었을 때 깨지는 건 우리랑 상관 없고

됐다 준비가 됐고요

'가져오기'

던킨도너츠

주소는 당연히 주소로 선택하고

마커의 제목은 지점명으로 해보겠습니다

그럼 완료

하면 문서 제목이 던킨도너츠였기 때문에 이렇게

레이어 제목의 던킨도너츠가 들어가 있죠

여기서 이거 띄어쓰기를 또 다시 다 해주면 되고

또 레이어를 추가해서

파리크라상.cvs

똑같이 '주소'를 기준으로 마커를 찍어주고

'지점명'을 보여줘

두 개까지만 해볼게요 이렇게 하면

이렇게 해서 또 데이터 띄어쓰기 해주고

이렇게 해서 레이어가 다르면

레이어제목을 좀 수정해줘서

이렇게 하고 지도 스타일을 좀 바꿔주고

던킨은.. 이런 걸로 하고

파리크라상은.. 뭐 이렇게 한다

이러면 이 레이어별로 볼 수 있고

클릭했을 때 시트에 있는 내용이 전부다 나옵니다

레이어 별로 보기가 좀 편하겠죠

#SPC멈춰라

지금까지 따오기였습니다

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기