Apakah fon yang dikodkan yang digunakan dalam gambar? Bagaimana cara menggunakan gaya fon ini dalam projek?

Panduan Pemilihan Font untuk Meningkatkan Estetika Kod

Dalam bidang pembangunan perisian dan reka bentuk web, fon yang betul dapat meningkatkan daya tarikan dan daya tarikan visual kod. Artikel ini akan menganalisis gambar yang menunjukkan gaya kod elegan dan menerangkan cara menyalin kesan fon ini.

Soalan pengguna

Pengguna berkongsi tangkapan skrin kod dan bertanya mengenai fon yang digunakan. Kod dalam gambar adalah ringkas dan jelas, dan pemilihan fon sangat mengagumkan.

Analisis font dan gaya

Selepas pengenalpastian, gaya fon dan CSS yang digunakan dalam gambar adalah seperti berikut:

 Font-Family: "DM", Sumber-Code-Pro, Menlo, Monaco, Consolas, "Courier New", monospace;
gaya font: italic;

Kod ini mentakrifkan keutamaan dan gaya fon. Penyemak imbas akan memberi keutamaan untuk menggunakan font "DM"; Jika sistem tidak mempunyai "DM" dipasang, cuba sumber-kod-pro, Menlo, Monaco, Consolas, dan "Courier New" pada gilirannya; Akhirnya, jika tiada fon di atas tersedia, gunakan fon monospace lalai. font-style: italic; Memberi gaya italik kod untuk menjadikannya lebih tersendiri.

Kaedah permohonan

Dalam projek sebenar, anda boleh mencapai kesan yang sama dengan menambahkan kod di atas dalam fail CSS atau dalam gaya sebaris. Contohnya, untuk menggunakan gaya fon ini untuk<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"></pre><div class="contentsignin">Salin selepas log masuk</div></div> Kod dalam tag:

<pre style="font-family: 'dm', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; font-style: italic;">
    // kod anda

Atau, tambahkan peraturan berikut ke fail CSS anda:

 pra {
  Font-Family: "DM", Sumber-Code-Pro, Menlo, Monaco, Consolas, "Courier New", monospace;
  gaya font: italic;
}

Sila ambil perhatian bahawa fon "DM" mungkin perlu dimuat turun dan dipasang secara berasingan. Fon lain adalah fon sistem biasa, dan kebanyakan sistem dipasang sebelum ini. Dengan kaedah di atas, anda boleh menggunakan gaya fon kod elegan ini dengan mudah dalam projek anda.

Atas ialah kandungan terperinci Apakah fon yang dikodkan yang digunakan dalam gambar? Bagaimana cara menggunakan gaya fon ini dalam projek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!