개인소장 목적으로 아카라이브에 개인채널 파고 물건너 AA를 마토메하려고 했는데

아카라이브가 폰트도 그렇고 행간도 그렇고 AA랑 하나도 호환이 안되더라

그래서 그런가 아스키아트 채널 가봐도 다들 이미지로 긁어서 올리고 있고 말이지

그래서 잠깐 짬내서 크롬 CSS 확장프로그램 스타일러스를 이용해서 아카라이브 채널 AA용 웹폰트를 만들었음

※ 이 방법은 이 CSS를 적용할 수 없는 모바일 환경에서는 AA를 제대로 읽어낼 수 없다 즉 PC 환경에서만 사용 가능함

※ 어장에서 헤드카센 폰트를 구해서 설치해야한다 갤에서 좀 찾으면 파딱이 잘 정리해준 글이 있으니 그거 찾아보고 설치하셈 달레트 어장주 고맙습니다

1. 일단 구글 크롬이나 파이어폭스 브라우저에서 확장프로그램 Stylus를 설치하자

검색하면 바로 뜰텐데 맨 위의 Stylus 를 클릭해서 크롬 웹스토어로 들어간다.

난 이미 설치해서 잘 쓰고 있으니까 Chrome에서 삭제 라고 뜨지만 대다수의 갤럼들은 저 자리에 다운로드가 있을거다 다운받으면 됨

2. 스타일러스를 켜서 웹폰트를 쓸 주소와 CSS를 입력하자

스타일러스를 설치하면 크롬 기준 우측 상단 확장프로그램바에 스타일러스가 뜰 거임 (안뜨면 크롬메뉴에서 확장 프로그램 들어가서 Stylus 직접 켜라)

스타일러스를 우클릭하면 확장프로그램 메뉴가 주르륵 나올텐데 스타일 관리를 눌러서 스타일 메뉴로 들어가라

나는 이미 CSS를 쓰고 있어서 활성화 된 게 몇개 보이지만 처음 쓰는 갤럼들은 텅 비어있을 거다

일단 왼쪽에 새 스타일 작성 버튼을 누르자

이 다음엔 복잡할 것 하나도 없다 아래 순서대로 따라만 하면 됨

- 스타일 추가 페이지 맨 위에 있는 "코드 1:" 아래의 "전부" 로 되어있는 체크박스를 열고 "URL의 앞부분이 다음과 같음" 으로 바꾸자

- 그렇게 설정하고 나면 코드 1: 의 옆에 얇은 입력창이 뜰텐데, AA 폰트를 최적화할 채널의 주소를 붙여넣는다

  (아스키아트 채널을 예시로 들면 https://arca.live/b/sdfgh123 를 입력하면 된다) 

- 아래의 CSS를 복사해서 그 아래에 붙여넣어라

* { font-family : 'HeadKasen' !important; }

.body .board-article .article-body p {

    margin: 0;

    line-height: 1;

}

.body .article-write .fr-view p {

    margin: 0;

    line-height: 1;

}

body {

    line-height: 1;

}

-각 CSS별로 역할을 설명하자면

맨 위의 줄은 해당 URL의 모든 폰트를 헤드카센으로 강제변경하는 명령어

그 아래는 아카챈 게시판글의 줄간격을 1로 줄여주는 명령어

더 아래는 아카챈 글쓰기 창의 줄간격을 1로 줄여주는 명령어

마지막줄은 왜인진 모르겠는데 줄간격을 다 1로 잡아줘도 최종적으로 줄간격 1.5값을 어디서 받아오길래 그걸 1로 줄여주는 명령어다

-예시대로 따라왔다면 아래와 같은 형태가 되어있을거다 왼쪽에 주르륵 나열된 체크박스는 안건드려도 된다 왼쪽 위에 이 CSS의 이름을 입력하고 저장하자

여기까지 왔다면 축하한다 활성화된 CSS가 작동해서

원래라면 폰트고 줄간격이고 죄다 난장판이 되어있을 아카라이브에 내던져진 AA들이

헤드카센 폰트에 줄정리까지 싹 되어서 깔끔하게 보이게 된다.

글 쓰기에서도 깔끔하게 잘 나온다

그냥 나 혼자 쓸 생각으로 만든건데 예상보다 너무 잘 나와서 한번 올려봤다

어떤 갤럼은 나처럼 아카라이브 개인채널에 자기 좋아하는 작품 긁어서 마토메하거나 아카라이브 채널에서 조용히 연재하고 싶을수도 있잖아?

여튼 쓸 갤럼은 잘 쓰셈