如何才能在網頁瀏覽器上顯示日文？

我的是糸統是：Xubuntu 20.04

我可以在 LibreOffice Writer 打與正常顯示日文，例：

但在 "每個"網頁瀏覽器上，(google , firefox ...）

若我選日文字母，都變成：口口口口口

請問，我該如何設定，或加上什麼？




（在編文和輸入搜尋時都只出現口口口口口，

在fb上也都變成是 口口口口口 ）

附件:

---

  螢幕快照_2023-08-23_09-47-42.png (32.25 KB)


  螢幕快照_2023-08-23_09-49-17.png (11.83 KB)


  螢幕快照_2023-08-23_10-00-55.png (7.07 KB)

我在我的「Android手機」，瀏覽「日文網站」，

例如:「https://www.yahoo.co.jp/」，是可以正常顯示「日文」，

但是觀看您在「#1」給的範例，也無法看到正常的日文，看到的也是「方塊字」。

在我的「Linux環境」，我有安裝「fonts-noto-cjk」，

使用「Firefox」觀看，也跟我在「Android」的環境看到的是一樣的情形，

可以正常瀏覽日文網站，但看您給的範例，一樣是「方塊字」。

所以我初步推測，您輸入的日文，有可能不是「UTF-8」編碼，所以才導致這個情況發生。

而您在「LibreOffice Writer」可以正常顯示日文，

應該是您在「LibreOffice Writer」有設定相對應編碼的字型，

所以您在「LibreOffice Writer」才能正常的觀看您輸入的日文。

以上推測

補充一個剛剛測試的心得，

我其實也不懂日文，

只是剛好討論到這個議題，

心裡就想說要怎麼輸入日文，

因為我目前是採用「fcitx5」這個「輸入法框架」，

所以剛剛找到一篇參考文章「Chakra@中文 / 在KDE neon安裝Anthy、Mozc等日文輸入法」

有說明「如何輸入日文」，寫的還蠻詳細和淺顯易懂的，所以記錄網址，提供參考。

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

## 安裝

在「fcitx5」這個「輸入法框架」，可以額外安裝下面幾個「日文輸入法」來輸入「日文」。

* Anthy：sudo apt-get install fcitx5-anthy
* KKC：sudo apt-get install fcitx5-kkc
* Mozc：sudo apt-get installfcitx5-mozc
* SKK：sudo apt-get install fcitx5-skk

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

## 如何輸入日文

這幾個輸入法，都是使用「羅馬拼音」來輸入，

以「Anthy」這個輸入法為例，要輸入「友達」，

先以「羅馬拼音」輸入「Tomodachi」，

會先顯示「平假名」「ともだち」，

若要切換「漢字」則是按下「空白鍵」，就會切換顯示「友達」,

按下「F7」，則是可以切換「平假名」與「片假名」，

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

不過我不懂日文，所以詳細的操作，就請參考「該文章」的介紹，和自行實驗測試。

該文章也有紀錄一個「對照表網址」，在該文章可以找尋「羅馬字表格」。

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

另外我剛剛也在「Google 翻譯」簡單做了測試，

輸入「朋友們」，

翻譯後，也會顯示「友達」和「Tomodachi」。

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

在下面回覆「#12」，

也有紀錄，如何透過「fcitx5 / 嘸蝦米」來輸入「日文」。

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

補充完畢

感謝你

我才在學日文，因想查線上字典或什麼的，才想輸入日文。

我用的是fcitx4，無蝦米，
在鍵盤打a, 就有0對1对2対34可選...

我的
「LibreOffice Writer」是原生的，沒更動任何，
但可正常顯示日文。

但在google, firefox, 就是沒法顯現，只有口口口。

看了您的文後，又再試裝 fcitx5，但，試了再試，就是裝不了無蝦米，

google了些教學，但之前在22.04，沒法裝無蝦米，

現在的20.04也裝不了。

我再找時間試試

總之，感謝您

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

若是採用「fcitx(fcitx4)」，日文輸入，應該有相對應的「Package」

* fcitx-anthy
* fcitx-kkc
* fcitx-mozc
* fcitx-skk

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

若是採用「fcitx5」，

若要採用「嘸蝦米」，目前並沒有官方的「Package」，但是可以自己打包，

或是不需要打包，也可以簡易的安裝「boshiamy.main.dict」，作法可以參考另一個討論串的「#42」。

我在之前有參與討論過「fcitx5」安裝「嘸蝦米」這方面的議題，

當時我有建立一個「索引」，應該可以協助您找到相關的議題，

當時我有建立一些打包範例，放在「GitHub」上，分別是「fcitx5-table-extra」和「fcitx5-table-extra-each」


另外我在另一個討論串回覆「#4 - fcitx5-mcbopomofo: 小麥注音輸入法 fcitx5 模組」，

有提到後來也有發現另一個「網友」寫的專案放在「GitHub」上，轉貼連結過來提供您參考。


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

根據樓主您在「回覆 - #4」提到的，

您是使用「fcitx (fcitx4)」的「嘸蝦米」，


我剛去確認了一下「GitHub」上的「fcitx-table-extra/tables/boshiamy.txt」，

在下面幾行，

* 1569行: 「あ」
* 1570行: 「ぁ」
* 1572行: 「ア」
* 1573行: 「ァ」

應該就是樓主您提到的，使用「fcitx (fcitx4)」的「嘸蝦米」，

按下「a」，下拉幾頁就會看到的「選項」。

在我的環境包含手機，也是可以正常看到「boshiamy.txt」裡面的「日文」。

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

接著回到樓主您一開始問的問題，

概念上，只要有安裝，並且採用相對應編碼的字型，應該就能正常顯示該文字。

一些「字型的安裝與設定」的概念，我之前有建立一個「索引」。

有一些概念，是寫在我參與的討論串回覆裡，所以可能有點分散。

例如:

* 如何設定「sans-serif」，「serif」，「monospace」的字型查找順序
* 關於steam遊戲--Portal 2 無法顯示中文字型

我大部分都簡單的設定，只是安裝「fonts-noto-cjk」，

然後我會針對「sans-serif」，「serif」，「monospace」，設定「font match order」。

大部分軟體，我都不會特別去設定它採用的字型，

除非我發現某些軟體有特別設定採用某字型，

我有可能就會把它設定成「sans-serif」，「serif」，「monospace」的其中一個，

然後透過「fontconfig」的機制，

可以針對「sans-serif」，「serif」，「monospace」設定查找順序，

這樣就可以統一來設定。

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

由於一些概念我寫的太分散了，也不完整，目前也沒力氣去整理這部份，

剛好我最近使用「fontconfig」當作關鍵字來查詢，

發現到有一個「網友」寫的兩篇文章，寫的很完整和深入

* Linux fontconfig 的字型匹配機制
* 用 fontconfig 治理 Linux 中的字型

提供連結讓您參考，也許能讓您對「在Linux環境下，字型的安裝與設定」有進一步的概念。

* Firefox / addons / 新同文堂

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

另外您也可以熟悉一些「fc-*」開頭的「輔助工具」，

對您在系統探索上，應該會有助益

例如

* fc-list
* fc-match

一些使用範例，我一樣有建立在「索引」裡，

可以在「索引頁面」上查詢「輔助工具」，就找得到相關的連結。

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


以上

我在fcitx裝了fcitx-mozc

然後現在，在firefox 的 googol,

可以顯示日文（如附件）

但在 google 的 chrome 上

仍是無解的口口口
（我有進入chrome的語言設定，甚至設成日文，但，仍是口口口）

改天再試吧

謝謝您

附件:

---

  firefox's google螢幕快照_2023-08-24_16-05-03.png (26.94 KB)

剛剛到下面網址，下載「xubuntu-20.04.6」來測試

https://cdimage.ubuntu.com/xubuntu/releases/focal/release/

wget -c https://cdimage.ubuntu.com/xubuntu/releases/focal/release/xubuntu-20.04.6-desktop-amd64.iso

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

我直接用「ISO」開機來測試，並沒有安裝到隨身碟來測試。

以下先講結論，下一個回覆「#9」，再來紀錄相關的測試步驟。

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

## 前提

Live ISO 系統預設就有安裝「fonts-noto-cjk」

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

## 測試結果一

* fcitx-anthy
* fcitx-kkc
* fcitx-mozc
* fcitx-skk

上面幾個輸入法，我都在「xubuntu-20.04.6」測試過了，

在「firefox」，「google chrome」，「mousepad」,「thunar」，「xfce4-terminal」，「libreoffice」

都能「正常輸入日文」和「正常顯示日文」。

注意：我安裝好「google chrome」後，並沒有做任何設定，就能正常顯示日文。

另外還發現到fcitx，有提供虛擬鍵盤，也可以用來輸入日文

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

## 測試結果二

* fcitx-table-boshiamy

我一開始安裝「fcitx-table-boshiamy」，

用樓主之前在「#1」和「#4」提到的

用「a」「e」「i」「o」「u」，

在「候選字」那個選單，看到的「日文」也是「方塊字」

在「libreoffice writer」輸入，也是不能正常顯示「日文」。

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

## 測試結果三

為了印證我在「#2」提到的「推論」

samwhelp 寫到：

所以我初步推測，您輸入的日文，有可能不是「UTF-8」編碼，所以才導致這個情況發生。

* fonts-arphic-bkai00mp - "AR PL KaitiM Big5" Chinese TrueType font by Arphic Technology

於是我安裝了「fonts-arphic-bkai00mp」這個字型。

重新啟動「fcitx」後，

在「候選字」那個選單，就能正常顯示「日文」。

在「libreoffice writer」輸入，就能正常顯示「日文」。

所以根據上面的結果，我推測這一版的「fcitx-table-boshiamy」

輸出的「日文」是「Big5」編碼，其它的中文字，則是「UTF-8」編碼

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

## 測試結果四

其實我在安裝「fonts-arphic-bkai00mp」這個字型前

有先下載在「GitHub」上的「fcitx-table-extra/tables/boshiamy.txt」

接著編譯成「boshiamy.mb」，

最後覆蓋到「/usr/share/fcitx/table/boshiamy.mb」。

不過結果並不如我原本預想的，輸出的日文，會是「UTF-8」編碼，

反而一樣是方塊字，感覺還是「Big5」編碼，

這部份，我就不曉得其中的緣由了，

可能會在找時間測試「Xubuntu 22.04」版的「fcitx-table-boshiamy」。

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

以上小結

延續「#8」提到的，

以下簡略紀錄我測試的一些操作步驟。

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

## 連上網路

使用「xubuntu-20.04.6-desktop-amd64.iso」開機，進入「Live ISO 系統」後

先連上網路。

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

## 更新套件庫資訊

先執行下面指令，更新套件庫資訊

sudo apt-get update

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

## 安裝「fcitx」和「fcitx-table-boshiamy」

先執行下面指令，安裝「fcitx」和「fcitx-table-boshiamy」。

sudo apt-get install fcitx fcitx-table-boshiamy

接著執行下面指令，設定系統輸入法，採用「fcitx」

im-config -n fcitx

接著就可以登出，登入，就會啟動「fcitx」

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

## 加入候選輸入法

接著就可以透過「fcitx-configtool」將「boshiamy」加入「候選輸入法」。

接著就可以測試，可以對照「#8」提到的一些測試。

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

## 探索 /usr/share/fcitx/table

執行

ls -1 /usr/share/fcitx/table

顯示

boshiamy.conf
boshiamy.mb

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

## 安裝 fcitx-tools

執行下面指令，安裝「fcitx-tools」

sudo apt-get install fcitx-tools

執行

dpkg -L fcitx-tools | grep bin

顯示

/usr/bin
/usr/bin/createPYMB
/usr/bin/mb2org
/usr/bin/mb2txt
/usr/bin/readPYBase
/usr/bin/readPYMB
/usr/bin/scel2org
/usr/bin/txt2mb

* man createPYMB
* man mb2org
* man mb2txt
* man readPYBase
* man readPYMB
* man scel2org
* man txt2mbl

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

## 將「boshiamy.mb」轉成「boshiamy.txt」

執行下面指令，產生「~/test/test001」這個資料夾，並且切換到「~/test/test001」這個資料夾

mkdir -p ~/test/test001

cd ~/test/test001

執行下面指令，複製「/usr/share/fcitx/table/boshiamy.mb」到目前資料夾

cp /usr/share/fcitx/table/boshiamy.mb ./

執行下面指令，將「boshiamy.mb」轉成「boshiamy.txt」

mb2txt boshiamy.mb > boshiamy.txt

執行下面指令

file boshiamy.txt

顯示

boshiamy.txt: UTF-8 Unicode text

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

執行下面指令，尋找「a,」開頭的行

mb2txt boshiamy.mb | grep ^a,

顯示

a, 
a, 
a,v 

也就是「fcitx-table-extra/tables/boshiamy.txt」

第「1569行～1571行」。

只不過這三行的日文是「Big5」編碼，並不是原本預想的「UTF-8」編碼

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

## 將「boshiamy.txt」轉成「boshiamy.mb」

執行下面指令，產生「~/test/test002」這個資料夾，並且切換到「~/test/test002」這個資料夾

mkdir -p ~/test/test002

cd ~/test/test002

執行下面指令，下載「fcitx-table-extra/tables/boshiamy.txt」

wget -c https://raw.githubusercontent.com/fcitx/fcitx-table-extra/master/tables/boshiamy.txt

接著執行下面指令，將「boshiamy.txt」轉成「boshiamy.mb」

txt2mb boshiamy.txt boshiamy.mb

顯示

Reading 39694 records.

執行下面指令，將剛剛產生的「boshiamy.mb」，覆蓋到「/usr/share/fcitx/table/boshiamy.mb」

sudo install -Dm644 boshiamy.mb /usr/share/fcitx/table/boshiamy.mb

重啟「fcitx」前，先簡單確認一下，執行下面指令

mb2txt /usr/share/fcitx/table/boshiamy.mb | grep ^a,

顯示

a, あ
a, ぁ
a,v ぁ

也就是「fcitx-table-extra/tables/boshiamy.txt」

第「1569行～1571行」。

這三行的日文就是原本預想的「UTF-8」編碼。



接著要重啟「fcitx」，測試新產生的「boshiamy.mb」，

不過測試的結果，日文的部份，還是沒有如預想的「UTF-8」編碼。

請對照紀錄在「「#8」」的測試結果。

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

## 安裝「fonts-arphic-bkai00mp」

執行下面指令

apt-cache search kai

會看到其中有一行如下

fonts-arphic-bkai00mp - "AR PL KaitiM Big5" Chinese TrueType font by Arphic Technology

執行下面指令，安裝「fonts-arphic-bkai00mp」

sudo apt-get install fonts-arphic-bkai00mp

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

以上簡略紀錄測試操作步驟

延續「#8」和「#9」提到的，

剛到下面網址

* https://cdimage.ubuntu.com/xubuntu/releases/jammy/release/

下載「xubuntu-22.04.3-desktop-amd64.iso」來測試

wget -c https://cdimage.ubuntu.com/xubuntu/releases/jammy/release/xubuntu-22.04.3-desktop-amd64.iso

一樣直接使用「ISO檔」來開機測試，

測試「fcitx-table-boshiamy」的結果，

還是跟「#8」提到的測試結果是一樣的。

以上