Preguntas etiquetadas con font-face

¿Hay alguna manera de agregar alguna fuente personalizada en un sitio web sin usar imágenes, Flash u otros gráficos? Por ejemplo, estaba trabajando en el sitio web de una boda, y encontré muchas fuentes agradables para ese tema. Pero no puedo encontrar la forma correcta de agregar esa fuente en …

519 html  css  fonts  font-face 

Estoy buscando en la página de MDC la regla CSS @ font-face , pero no entiendo nada. Tengo archivos separados para negrita , cursiva y negrita + cursiva . ¿Cómo puedo incrustar los tres archivos en una @font-faceregla? Por ejemplo, si tengo: @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); …

454 fonts  css  font-face 

Estoy trabajando en un sitio web que requiere pruebas de fuentes en línea, las fuentes que tengo son todas .otf ¿Hay alguna manera de incrustar las fuentes y hacer que funcionen en todos los navegadores? Si no, ¿qué otras alternativas tengo?

440 html  css  fonts  font-face 

Estoy usando @font-faceel sitio de mi empresa y funciona / se ve muy bien. Excepto Firefox y Chrome arrojarán un error 404 en el .woffarchivo. IE no arroja el error. Tengo las fuentes ubicadas en la raíz, pero he intentado con las fuentes en la carpeta css e incluso dando …

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

Tengo algunas fuentes configuradas en mi archivo Scss así: @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'); } El archivo de fuente real se almacena en / app / assets / fonts / He agregado config.assets.paths << Rails.root.join("app", "assets", "fonts")a mi …

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

En CSS3 font-face , hay varios tipos de fuentes incluidas como ttf, eot, woff, svgy cff. ¿Por qué deberíamos usar todos estos tipos? Si son especiales para diferentes navegadores, ¿por qué el número de ellos es mayor que el número de los principales navegadores web?

299 css  font-face  webfonts 

Noté que esto info logcomenzó a aparecer en Google Chrome Dev (Versión 55.0.2883.18 dev) y no puedo imaginar por qué. Se detecta una red lenta. La fuente alternativa se utilizará durante la carga: http: //font-path.extension ` Aparece en todos los sitios web que usan font-face, incluso en páginas locales y …

283 google-chrome  font-face 

Quiero crear un botón de cierre usando solo CSS. Estoy seguro de que no soy el primero en hacer esto, entonces, ¿alguien sabe qué fuente tiene una 'x' del mismo ancho que la altura, para que pueda usarse en el navegador cruzado para que parezca un botón de cierre?

219 css  fonts  font-face 

El siguiente código funciona en Google Chrome beta, así como en IE 7. Sin embargo, Firefox parece tener un problema con esto. Sospecho que es un problema de cómo se incluyen mis archivos CSS, porque sé que Firefox no es demasiado amigable con las importaciones entre dominios. Pero todo esto …

195 css  firefox  font-face  file-uri 

He visto algunos sitios web nuevos que usan fuentes personalizadas en sus sitios (que no sean Arial, Tahoma, etc.). Y admiten una buena cantidad de navegadores. ¿Cómo se hace eso? Al mismo tiempo, evita que las personas tengan acceso gratuito para descargar la fuente, si es posible.

175 css  font-face 

Este es el tipo de mimo SVG habitual: image/svg+xml Y funciona muy bien. Sin embargo, al incrustar una fuente SVG, Chrome le dice que el tipo MIME es incorrecto, obviamente porque devuelve una fuente en lugar de una imagen. ¿Hay algún tipo de mimo universal? ¿Está mal el cromo? se …

168 html  svg  font-face  mime-types 

Ha habido un problema de larga data con Firefox que no carga la fuente desde un origen diferente que la página web actual. Por lo general, el problema surge cuando las fuentes se sirven en CDN. Se han planteado varias soluciones en otras preguntas: CSS @ font-face no funciona con …

134 css  firefox  amazon-s3  font-face  cors 

Estoy usando @font-facepor primera vez y descargué un kit de fuentes de fontsquirrel El código que recomiendan insertar en mi CSS es: @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'); } Ahora, la cara sonriente me tiene perplejo. Pero también lo hace el número …

133 css  font-face 

Estoy en el proceso de construir una pequeña aplicación de intranet e intento, sin suerte, usar la fuente de Adobe que compré últimamente. Como me informaron, en nuestro caso no es una violación de licencia. Convertí las versiones de fuente .ttf / .otf a .woff, .eot y .svg, para apuntar …

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

Tengo que importar la fuente Klavika y la he recibido en varias formas y tamaños: 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 Ahora me gustaría saber si es posible importarlos a CSS con solo una consulta @font-face, donde estoy definiendo weighten la consulta. Quiero evitar copiar / pegar la …

118 css  fonts  font-face