«font-face» etiketlenmiş sorular

Görüntüler, Flash veya başka grafikler kullanmadan bir web sitesine özel yazı tipi eklemenin bir yolu var mı ? Örneğin, bir düğün web sitesinde çalışıyordum ve bu konu için çok güzel yazı tipleri buldum. Ancak bu fontu sunucuya eklemenin doğru yolunu bulamıyorum. Ve bu yazı tipini CSS içeren HTML'ye nasıl eklerim? …

518 html  css  fonts  font-face 

@ Font-face CSS kuralı için MDC sayfasına bakıyorum ama bir şey elde edemiyorum. Kalın , italik ve kalın + italik için ayrı dosyalarım var . Üç dosyayı da tek bir @font-facekurala nasıl ekleyebilirim ? Örneğin, ben varsa: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { font-family: "DejaVu …

454 fonts  css  font-face 

Çevrimiçi yazı tipi denemeleri gerektiren bir web sitesi üzerinde çalışıyorum, tüm fontlar .otf Yazı tiplerini gömmenin ve tüm tarayıcılarda çalışmasını sağlamanın bir yolu var mı? Değilse, başka hangi alternatiflerim var?

440 html  css  fonts  font-face 

Ben kullanıyorum @font-faceşirketimin sitesinde ve büyük / görünüyor çalışır. Firefox ve Chrome dışında .woffdosyaya 404 hatası atacak . IE hatayı atmaz. Ben kökleri bulunan yazı tipleri var ama css klasöründeki yazı tipleri ile denedim ve hatta yazı tipi için tüm url veren. Bu yazı tiplerini css dosyamdan kaldırırsam bir 404 …

422 css  http-status-code-404  font-face  woff 

Scss dosyamda şu şekilde yapılandırılan bazı yazı tipleri var: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Gerçek yazı tipi dosyası / app / asset / fonts / config.assets.paths << Rails.root.join("app", "assets", "fonts")Application.rb dosyama ekledim ve derleme CSS kaynağı aşağıdaki …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

In CSS3 font-face gibi dahil çoklu yazı türleri vardır ttf, eot, woff, svgve cff. Neden bu tiplerin hepsini kullanmalıyız? Farklı tarayıcılara özelse, neden büyük web tarayıcılarının sayısından daha fazladır?

299 css  font-face  webfonts 

Bunun info logGoogle Chrome Dev'de (Sürüm 55.0.2883.18 dev) görünmeye başladığını fark ettim ve nedenini hayal edemiyorum. Yavaş ağ algılandı. Yedek yazı tipi yüklenirken kullanılacak: http: //font-path.extension ` font-faceYerel sayfalarda ve Chrome uzantılarında bile kullanılan tüm web sitelerinde görünür .

283 google-chrome  font-face 

Yalnızca CSS kullanarak bir kapatma düğmesi oluşturmak istiyorum. Eminim bunu ilk yapan ben değilim, bu yüzden kimse hangi yazı tipinin yüksekliği ile aynı genişlikte 'x' olduğunu biliyor, böylece bir kapat düğmesi gibi görünmek için çapraz tarayıcı kullanılabilir?

219 css  fonts  font-face 

Aşağıdaki kod IE 7'nin yanı sıra Google Chrome beta sürümünde de çalışmaktadır. Firefox'un etki alanları arası içe aktarma konusunda çok kolay olmadığını biliyorum, çünkü CSS dosyalarımın nasıl dahil edildiğiyle ilgili bir sorun olduğundan şüpheleniyorum. Ancak bunların tümü statik HTML'dir ve web alanları arası bir soru yoktur. Açılış sayfam.html'de şöyle bir …

195 css  firefox  font-face  file-uri 

Kendi sitelerinde özel fontlar kullanan bazı yeni web siteleri gördüm (normal Arial, Tahoma, vs. dışında). Ve çok sayıda tarayıcıyı destekliyorlar. biri bunu nasıl yapar? Ayrıca, mümkünse insanların yazı tipini indirmek için ücretsiz erişime sahip olmalarını engeller.

175 css  font-face 

Bu olağan SVG mime tipidir: image/svg+xml Ve harika çalışıyor. Bununla birlikte, bir SVG yazı tipini katıştırırken, krom size mime türünün yanlış olduğunu söyler, çünkü bir görüntü yerine bir yazı tipi döndürdüğünüz için. Evrensel mim türü var mı? krom yanlış mı? bir application/svg+xmlşekilde kabul edilir mi? Sanırım bu hala HTML5'te gri …

168 html  svg  font-face  mime-types 

Firefox'un mevcut web sayfasından farklı bir kökene ait yazı tipini yüklememesiyle ilgili uzun süredir devam eden bir sorun var. Sorun genellikle yazı tipleri CDN'lerde sunulduğunda ortaya çıkar. Diğer sorularda çeşitli çözümler ortaya atıldı: CSS @ font-face Firefox ile çalışmıyor, ancak Chrome ve IE ile çalışıyor Amazon S3 CORS ile birlikte, …

135 css  firefox  amazon-s3  font-face  cors 

Ben kullanıyorum @font-faceilk kez ve fontsquirrel bir yazı-kit indirilen CSS'ime eklemeyi tavsiye ettikleri kod: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf') format('truetype'), url('Junction-webfont.svg#webfontoNEpZXy2') format('svg'); } Şimdi, gülen yüz olayı beni çok üzdü. Ancak src'deki url sayısı da - neden bu kadar çok dosya öneriyorlar ve bir …

133 css  font-face 

Küçük bir intranet uygulaması oluşturma sürecindeyim ve şansım olmadan, son zamanlarda satın aldığım Adobe fontunu kullanmaya çalışıyorum . Bildiğim gibi, bizim durumumuzda bu bir lisans ihlali değil. Tüm büyük tarayıcıları hedeflemek için fontun .ttf / .otf sürümlerini .woff, .eot ve .svg'ye dönüştürdüm. Kullandığım @ font-face sözdizimi temelde Font Spring'in sunduğu …

132 internet-explorer  css  internet-explorer-9  font-face 

Klavika yazı tipini içe aktarmam gerekiyor ve bunu birden çok şekil ve boyutta aldım: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Şimdi, bunları sadece bir @font-facesorgu ile CSS'ye aktarmanın mümkün olup olmadığını bilmek istiyorum , burada weightsorguda tanımlıyorum . Sorguyu 8 kez kopyalamak / yapıştırmaktan kaçınmak istiyorum. Yani şöyle …

118 css  fonts  font-face