jeremw777

## info
Utiliser une police personnalisée avec @font-face

Je trouve le choix des polices trop limité.

Comment puis-je utiliser ma police préférée sur mon site web ?
Pendant longtemps, cela n'était pas possible. Aujourd'hui, avec CSS 3, il existe heureusement un moyen d'utiliser n'importe quelle police sur son site. Cela fonctionne bien avec la plupart des navigateurs.

Mais attention, il y a des défauts (ce serait trop beau sinon) :

Il faudra que le navigateur de vos visiteurs télécharge automatiquement le fichier de la police, dont le poids peut atteindre, voire dépasser 1 Mo…

## index.html
<figure>
    <img src="images/internetexplorer.png" alt="Logo Internet Explorer" />
    <img src="images/firefox.png" alt="Logo Mozilla Firefox" />
    <img src="images/chrome.png" alt="Logo Google Chrome" />
    <figcaption>Logos des différents navigateurs</figcaption>
</figure>

## index.html
<h1>Le Mégamix</h1>
<p>
    Rendez-vous quelque part sur une autre page :<br />
    <a href="ancres.html#cuisine">La cuisine</a><br />
    <a href="ancres.html#rollers">Les rollers</a><br />
    <a href="ancres.html#arc">Le tir à l'arc</a><br />
</p>

## index.html
<ul>
    <li>Fraises</li>
    <li>Framboises</li>
    <li>Cerises</li>
</ul>

## index.html
<meta charset="utf-8" />

## index.html
<!DOCTYPE html>

## ajax.js
jQuery.ajax({
  type: "POST",
  url: "index.php?option=com_movies&view=films",
  data: {"Itemid": "101", "tmpl": "barebones", "tagSearch": tagSearch, "ajaxSearch": "true"},
  success: function(html) {
  $.loader('close');
  jQuery("#gros-contenu").html(html);
  }
});

## index.js
$(document).ready(function() {


});

## responsive.css
@media (min-width: 768px) and (max-width: 979px) {

}
	Utiliser une police personnalisée avec @font-face

	Je trouve le choix des polices trop limité.

	Comment puis-je utiliser ma police préférée sur mon site web ?
	Pendant longtemps, cela n'était pas possible. Aujourd'hui, avec CSS 3, il existe heureusement un moyen d'utiliser n'importe quelle police sur son site. Cela fonctionne bien avec la plupart des navigateurs.

	Mais attention, il y a des défauts (ce serait trop beau sinon) :

	Il faudra que le navigateur de vos visiteurs télécharge automatiquement le fichier de la police, dont le poids peut atteindre, voire dépasser 1 Mo…
	<figure>
	<img src="images/internetexplorer.png" alt="Logo Internet Explorer" />
	<img src="images/firefox.png" alt="Logo Mozilla Firefox" />
	<img src="images/chrome.png" alt="Logo Google Chrome" />
	<figcaption>Logos des différents navigateurs</figcaption>
	</figure>
	<h1>Le Mégamix</h1>
	<p>
	Rendez-vous quelque part sur une autre page :<br />
	<a href="ancres.html#cuisine">La cuisine</a><br />
	<a href="ancres.html#rollers">Les rollers</a><br />
	<a href="ancres.html#arc">Le tir à l'arc</a><br />
	</p>
	<ul>
	<li>Fraises</li>
	<li>Framboises</li>
	<li>Cerises</li>
	</ul>
	jQuery.ajax({
	type: "POST",
	url: "index.php?option=com_movies&view=films",
	data: {"Itemid": "101", "tmpl": "barebones", "tagSearch": tagSearch, "ajaxSearch": "true"},
	success: function(html) {
	$.loader('close');
	jQuery("#gros-contenu").html(html);
	}
	});