Kecuali dia menjual font sendiri di situs web ini, saya pikir Anda berdua dapat bekerja lebih banyak pada embedding CSS (ya, saya membaca ini bukan pilihan untuk Anda sekarang, tapi saya bersikeras).
Jika case adalah pekerjaan grafis yang lebih berat pada font (warna gradien, perataan terpelintir, glossing, embossing, engraving ...), sehingga sangat tidak mungkin untuk merender pilihan CSS yang dia butuhkan, maka saya akan merekomendasikan melakukan hal berikut:
menggunakan gambar melalui CSS (mungkin sprite), dan menyembunyikan teks jangkar dengan teks-ident. html
<a href="work1.html" title="My first work" id="firstWork">My first work</a>
css
#firstWork {display: block; width: 200px; height: 150px; background-image:url('img/firstwork.jpg'); text-ident: -999em;}
Ini adalah salah satu teknik. Ya, saya tahu, Google dapat menghukum itu, tetapi Anda tahu, saya tidak pernah mendengar tentang satu situs pun yang dihukum dengan menggunakan ini.
Cara lain akan menggunakan tag img di dalam tag anchor SEPANJANG dengan teks, dan kemudian menggunakan CSS untuk menyembunyikan teks dan memperbaiki posisi img jika diperlukan. Opsi terakhir ini memberi Anda kemungkinan untuk menambahkan alt, judul, longdesc ke gambar, meningkatkan kuantitas informasi dan kualitas yang diindeks.
Anda bahkan dapat melangkah lebih jauh dengan opsi terakhir ini dan mencari solusi yang lebih baik dan segar: menggunakan tag gambar, tersedia untuk HTML5, bersama dengan figcaption. Idenya adalah menjaga anchor-> figure-> img + figcaption.
Figcaption akan membuat peran teks jangkar dan Anda dapat menggunakan CSS untuk menyembunyikannya.
Nah, 3 solusi. Pilih salah satu. Saya akan pergi dengan yang terakhir.