What's the deal with Font Face not functioning on Internet Explorer 10?

Can someone explain why Internet Explorer isn't recognizing the Font-Face I've specified below?

I've been trying to figure it out for almost an hour now ... any assistance would be greatly appreciated!

@font-face {

font-family: 'BertholdAkzidenzGroteskCondensed';


src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot');


src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot') format('embedded-opentype');

   src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.woff') format('woff');


   src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.ttf') format('truetype');


   src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.svg#BertholdAkzidenzGroteskCondensed') format('svg');

}

htmlcssfonts

Answer №1

Give this a shot:

  • Get your hands on those font files and store them on your personal server (in case you haven't already)
  • Implement a relative link to them, for example

src: url('/fonts/akzidenzgroteskbe-cn.ttf') format('truetype');

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Client-side resizing an image before sending it to PHP for uploading

Greetings! Currently, I am utilizing a JavaScript library from this source to resize images on the client-side. The image resizing process works successfully with the following code: document.getElementById('foto_select').onchange = function( ...

javascriptphpjqueryhtmlajax

Solving Issues with Image Rotation and Positioning

I am encountering difficulties when trying to reposition an image that has been previously rotated using the transform rotate property. Specifically, after rotating the image, the top and left attributes do not update accordingly, resulting in the image a ...

javascriptjquerycsspositiontransform

Changing CSS styles dynamically using PHP

After stumbling upon a customizer live preview layout picker, I have finally found what I've been searching for – a live layout changer for WordPress. This solution works like a charm, but I'm wondering if there is a more efficient way to write ...

phpcsswordpress

What is the best way for me to make sure the element overflows properly?

How can I make the contents of the <div class="tags> element cause overflow so that one can scroll its contents instead of the element simply extending in height? I've experimented with different combinations of overflow-y: scroll and min- ...

htmlcss

Incorrect viewport widths in Vue Bootstrap fluid containers

I require a container that spans 100% of the available width until it reaches a specific breakpoint (max-width). Upon exploring the official documentation, I came across the responsive fluid container, which appeared to be a suitable choice. Responsive ...

cssvue.jsbootstrap-4bootstrap-vue

The submit button is not lining up properly with the input field

I've encountered an issue while creating a search bar with a submit button. When I link the input box to a class in my CSS document, it causes misalignment between the box and the button. Here's a visual representation of the problem: Current Al ...

htmlcss

Is there a way to add animation effects when transitioning between sections in HTML?

Recently, I decided to incorporate sections into my website, but I am not a fan of how it simply jumps to the designated section. I have observed on some websites that when you click a button to move to another section, it smoothly slides down. Despite c ...

htmlcssanimationhyperlinksections

Saving HTML content into a MySQL database using Python

I have the task of storing locally stored crawled HTML pages. I successfully open the file using myHTML = open(file_location,'r').read() output can be found here: I am able to create the SQL query successfully: query_insert = ("insert into jo ...

pythonhtmlmysql

Troubleshooting issue with applying hover effect to child divs

How come when I hover over one of the child items in my parentDiv, the background of the last childDiv changes no matter which child I place my mouse on? for (let i = 0; i < Number(height); i++) { for (let j = 0; j < Number(width); j++ ...

javascripthtmlcsstypescript

Interactive Tab content display

I'm working on a tabs component and I need Angular to only render and initialize the active tab instead of all tabs. Is there a way to achieve this? <my-tabs> <my-tab [tabTitle]="'Tab1'"> <some-component></some-co ...

htmlangulartypescript

Steps to remove a row from a table in a ReactJS component

I'm struggling with implementing a delete operation for table rows and encountering errors. Any assistance in resolving this issue would be greatly appreciated. Since I am unsure how to set an auto-incrementing id, I used Date.now(). Now my goal is t ...

javascripthtmlreactjs

elevate and descend div

I am looking to create a div with interchangeable content items. After doing some research on Google, I came across this helpful link: http://jsfiddle.net/RrbzM/4/. In the fiddle, each number can be clicked to move the content up and down. However, I only ...

jqueryhtmlcss

Troubleshooting problems with scrolling on JavaScript in Edge, Opera, and Chrome

Currently, I am developing a fun CSGO-inspired box opening feature on my food recipe website that randomly selects recipes for users. However, I have encountered some challenges with the scrolling functionality. It seems to be incompatible with certain bro ...

javascripthtmlcss

A guide to customizing the label color in Material-UI's <TextField/> component

How do I change the text color of the "email" label to match the border color? Below is the provided code: import React, { Component } from "react"; import { Icon } from "semantic-ui-react"; import { Divider } from "semantic-ui-react"; import { TextField ...

cssreactjsmaterial-ui

Is utilizing unregistered HTML elements for semantic purposes considered poor practice?

When it comes to styling and semantic purposes, I am considering using unregistered web components. This means utilizing tags like <t-card></t-card> without registering them with customElements.define. Surprisingly, the browser and stylesheets ...

javascripthtmlvue.jsweb-component

Retrieving information from a text document by means of data-src with the assistance of jQuery

Trying to extract text from a .txt file using jQuery while utilizing Bootstrap. New to web design with some coding experience. Button in HTML: <button type="button" class="btn btn-primary-outline-btn text-btn" data-toggle="modal ...

javascripthtmljquerybootstrap-4

Guide on validating dynamic gallery using Java with Selenium WebDriver?

Issue: The image in the gallery keeps changing dynamically, but the article content remains static. Upon clicking on the article, an image gallery opens with a large display image and several thumbnail images in a carousel format. Scenario 1 : I must en ...

javahtmlselenium-webdriver

Creating content inside a list

When aiming for semantic code, I am currently debating the best way to write text within a list item. Should it be done as follows: <li> <p>This is my text</p> <p>This is another bit of text</p> </li> or <l ...

htmlhtml-lists

Creating and adding nested div elements with the power of JavaScript

My goal is to utilize JavaScript for updating the CSS layout as the webpage loads. Below is the code I have been working on: var container = 0; // Total UI Container var containerTitle = 0; // Title Container var article = 0; var articleTitle = 0; var ...

javascriptcsshtml

Guide on Utilizing Valum's Uploader Demonstration Project

I'm having some trouble getting Valum's Uploader to work. I've tried everything, including extracting the files from the zip and running the demo.htm page in the client folder. But every time I attempt to upload something, it fails. Can some ...

jqueryhtmlajax