Stack Overflow
Stack Overflow

Questions tagged [font-face]

@font-face is a CSS rule that allows the definition of embedded fonts within a webpage.

Initially proposed in CSS2 (and supported in IE 5 using the EOT font format), and subsequently removed from CSS2.1, @font-face was re-introduced as a CSS3 module. Different browsers require different font formats to work, and the license of the font itself needs to permit its use with the @font-face rule.

3439 questions
1
vote
2 answers

how to identify font family from image?

How to identify font in pictures/logo? I am trying to find font used in logo below. As I don't have psd or ai files to find it, I tried some of the websites helpful for finding the font family but could not find the exact match.
Prashiddha Raj Joshi
  • 71
  • 3
  • 13
1
vote
2 answers

@font-face rendering as Times New Roman

I'm using the Meteor framework, and have the following in my main.scss file: @font-face { font-family: 'GrandHotel-Regular'; src: url('GrandHotel-Regular.eot'); src: url('GrandHotel-Regular.woff2') format('woff2'), …
blaineh
  • 2,263
  • 3
  • 28
  • 46
1
vote
2 answers

How to change the font of an input?

I need to toggle the font of an input tag with a checkbox, I tried using javascript and @font-face for this. html:
user6358623
1
vote
3 answers

Font ttf file not working with IE

Im playing around with a site and ttf fonts, but for somereason the font does not want to work in IE. The css is simple and it works with chrome, but not IE. @font-face { font-family: 'CAROBTN'; src: url('fonts/CAROBTN_.ttf'); } Any…
Chris Cooper
  • 389
  • 3
  • 16
1
vote
2 answers

How do i embed a custom font in CSS?

I have recently been trying to embed font to my website. I don't get it to work, i have watched and read tutorials. I wan't to embed a font called "Ubuntu Light" in ttf format. This is what i have been trying: #logBtn{ font-family:…
Tobias Rasmussen
  • 21
  • 2
  • 9
1
vote
1 answer

add custom font simsun in jsPDF

I need export pdf with chinese letters, and write code as below link says: Custom font faces in jsPDF? and my code: css: @font-face { font-family: SimSun; font-weight: normal; font-style: normal; src: url("./simsun.ttc"); } body{ …
Aaron.wang
  • 29
  • 8
1
vote
3 answers

Change CSS font-face dynamically with JavaScript/JQuery

I'm trying to develop a code that is able to change the font of an element dynamically by using a font file (TTF) uploaded. The code below works fine in Chrome, Opera and Firefox, but doesn't work in IE, Edge and Safari. …
Breno Macena
  • 449
  • 8
  • 19
1
vote
1 answer

@font-face for all fonts on a website

It seems as though the use of custom fonts on webpages is becoming increasingly common. With services like TypeKit, there is a also an increasing selection of high-quality fonts to work with. I'm wondering: Has anyone started building sites that…
Travis
  • 2,011
  • 4
  • 22
  • 31
1
vote
0 answers

font-face not working in IE9 only

I've seen several questions asked here and on other blogs but it didn't solve my case. This is my syntax: @font-face { font-family: "texgyreheroscn"; src: url("texgyreheroscn-italic-webfont.eot"); src:…
valerio0999
  • 11,458
  • 7
  • 28
  • 56
1
vote
1 answer

How can I see a list of fonts available in my blackberry?

Right now I'm setting a font to my application, but I was just following an example. How can I know what fonts I have available to me? FontFamily alphaSansFamily; try { alphaSansFamily = FontFamily.forName("BBAlpha Serif"); Font appFont =…
delete
1
vote
2 answers

Safari cuts off fonts with characters that go outside of font-file Bounding-Box

I'm working on a typography-focused website and stumbled upon a major font rendering issue with Safari (9.0.3) on OS X El Capitan. I think Safari is known to have problems with Glyphs that go outside of the font files Bearing Bars, especially on…
Simonski
  • 11
  • 4
1
vote
1 answer

Span font is not displayed correctly

in my website span tags shown badly text (like bottom image). snapshot but label font shown smoothly. I tried to add below css attributes to make better, but I did not get result: .yekan-font { font-family: 'Yekan', Tahoma; text-shadow: 1px…
user3720045
  • 33
  • 2
  • 4
1
vote
1 answer

@font-face and Header set Access-Control-Allow-Origin "*"

I have used the following rule to allow our static domain to host fonts, but I've run into a problem font's not being used by the browser (firefox, safari) when the browser cache is enabled.
Michael Robinson
  • 29,278
  • 12
  • 104
  • 130
1
vote
1 answer

Using a font-face embedded font as hyperlink does not work

Using the Liberation font on a website works fine for standard text. However I also want to use that font as my text linked font but using the following code it does not call/use the font. a:link { color: #69f; font-family:…
Marc
  • 115
  • 4
1
vote
1 answer

Select font regular or bold in .ttf file with CSS

I have a .ttf file for my website but this file has regular and bold in the same file. How I can select regular or bold at .ttf file with CSS? Currently I manage the fonts on this way in my CSS file: @font-face { font-family: Bangla MN; src:…
Jaime Rocha
  • 97
  • 1
  • 7
1 2 3
…
99 100