Rekain: Eigene Schriftart einbinden

Hallo miteinander, ich habe versucht meine eigene Schriftart auf meine HP einzubinden mit dem Code:

@font-face {  
  	font-family:schrift;  
  	src: url(fonts/clanbook.otf) format("opentype");}

Aber irgendwie will es nicht funktiuonieren. Weiß jemand wieso?

  1. @font-face {

    font-family:schrift;
       src: url(fonts/clanbook.otf) format("opentype");}

    
    >   
    > Aber irgendwie will es nicht funktiuonieren. Weiß jemand wieso?  
      
    Weil dein Browser vermutlich mit OpenType nichts anfangen kann.
    
    1. @font-face {

      font-family:schrift;
         src: url(fonts/clanbook.otf) format("opentype");}

      
      > >   
      > > Aber irgendwie will es nicht funktiuonieren. Weiß jemand wieso?  
      >   
      > Weil dein Browser vermutlich mit OpenType nichts anfangen kann.  
        
      Dann probier ich es mal mit .ttf ;-) Danke :)
      
      1. @font-face {

        font-family:schrift;
           src: url(fonts/clanbook.otf) format("opentype");}

        
        > > >   
        > > > Aber irgendwie will es nicht funktiuonieren. Weiß jemand wieso?  
        > >   
        > > Weil dein Browser vermutlich mit OpenType nichts anfangen kann.  
        >   
        > Dann probier ich es mal mit .ttf ;-) Danke :)  
          
        Ich habe es jetzt mal mit .ttf probiert.. Geht immer noch nicht :( Habe auch das format dementsprechend angepasst...
        
        1. Hi,

          gibt ja noch .woff, .eot, .pfr und .svg.
          Kannst ja durch probieren.
          Oder du schaust einfach mal nach welcher Browser was kann...

          ~dave

          1. Hi,

            gibt ja noch .woff, .eot, .pfr und .svg.
            Kannst ja durch probieren.
            Oder du schaust einfach mal nach welcher Browser was kann...

            ~dave

            Wo kannn man denn solche Schriften umwandeln? Über Google finde ich nicht wirklich was...

            1. Wo kannn man denn solche Schriften umwandeln? Über Google finde ich nicht wirklich was...

              FontLab Studio z.B.

              1. Wo kannn man denn solche Schriften umwandeln? Über Google finde ich nicht wirklich was...

                FontLab Studio z.B.

                Danke, also ich habe es jetzt mit jedem Schrifttyp ausprobiert, aber es funktioniert nicht :-(

                1. Hi,

                  Danke, also ich habe es jetzt mit jedem Schrifttyp ausprobiert, aber es funktioniert nicht :-(

                  Vermutlich machst du dann etwas falsch.

                  ~dave

                  1. Hi,

                    Danke, also ich habe es jetzt mit jedem Schrifttyp ausprobiert, aber es funktioniert nicht :-(

                    Vermutlich machst du dann etwas falsch.

                    ~dave

                    Hier mal mein Code für die Schrift:

                    @font-face {  
                        font-family: 'Clan';  
                        src: url('fonts/Clan-Book.eot');  
                        src: local('☺'), url('fonts/Clan-Book.woff') format('woff'), url('fonts/Clan-Book.ttf') format('truetype'), url('fonts/Clan-Book.svg#webfontgn8U5tTg') format('svg');  
                        font-weight: normal;  
                        font-style: normal;  
                    }
                    

                    Und für eine "id":

                    	  
                    #projektfont{  
                    	font-family: Clan, Arial;  
                    	color: #fff !important;  
                    	font-size: 20px;  
                    	margin:17px -8.5px;  
                    	float: left;  
                    	background-color: #85837d;  
                    	padding: 2px;}
                    

                    Ist daran was falsch?

                    1. @@Rekain:

                      nuqneH

                      Ist daran was falsch?

                      Stimmt der relative Pfad? (relativ zum Stylesheet)

                      Rufst du die Seite lokal übers Dateisystem auf oder über einen Webserver?

                      Qapla'

                      --
                      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                      (Mark Twain)
                      1. @@Rekain:

                        nuqneH

                        Ist daran was falsch?

                        Stimmt der relative Pfad? (relativ zum Stylesheet)

                        Rufst du die Seite lokal übers Dateisystem auf oder über einen Webserver?

                        Qapla'

                        Ich ruf es über ein Webserver auf.. Pfad stimmt aber... Und ich benutze FF...

                        1. Ich ruf es über ein Webserver auf.. Pfad stimmt aber... Und ich benutze FF...

                          Du meinst Fx.

                          1. Ich ruf es über ein Webserver auf.. Pfad stimmt aber... Und ich benutze FF...

                            Du meinst Fx.

                            Ja, den meinte ich *rolleyes*

                            @Matthias Apsel: Genau den Code habe ich doch auch, oder etwa nicht? Und da scheint er ja zu funktionieren...

                          2. Om nah hoo pez nyeetz, suit!

                            Und ich benutze FF...

                            Du meinst Fx.

                            Manchmal sollte man auch FF benutzen ;)

                            Matthias

                            --
                            1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
                            1. Om nah hoo pez nyeetz, suit!

                              Und ich benutze FF...

                              Du meinst Fx.

                              Manchmal sollte man auch FF benutzen ;)

                              Matthias

                              Weiß keiner eine Lösung meines Problems?? :(

                              1. @@Rekain:

                                nuqneH

                                Weiß keiner eine Lösung meines Problems?? :(

                                Ohne zu wissen, was dein Problem ist? Nein.

                                Wie wär’s denn mal mit dem Link zu deiner Seite?

                                Qapla'

                                --
                                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                                (Mark Twain)
                                1. @@Rekain:

                                  nuqneH

                                  Weiß keiner eine Lösung meines Problems?? :(

                                  Ohne zu wissen, was dein Problem ist? Nein.

                                  Wie wär’s denn mal mit dem Link zu deiner Seite?

                                  Qapla'

                                  Die Seite ist noch nicht online. Das Problem ist ja, dass ich nicht weiß was das Problem ist :D

                                  1. Om nah hoo pez nyeetz, Rekain!

                                    Es ist nicht nötig, das gesamte Vorposting zu zitieren.

                                    Die Seite ist noch nicht online.

                                    Ändere dies. Verwende beispielsweise Lima-city.

                                    Matthias

                                    --
                                    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
                                  2. @@Rekain:

                                    nuqneH

                                    Die Seite ist noch nicht online.

                                    Sie läuft über http://localhost?

                                    Qapla'

                                    --
                                    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                                    (Mark Twain)
                                    1. Sie läuft über http://localhost?

                                      Exakt

                        2. Om nah hoo pez nyeetz, Rekain!

                          beachte auch .

                          Matthias

                          --
                          1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif
                    2. @font-face {

                      font-family: 'Clan';
                          src: url('fonts/Clan-Book.eot');
                          src: local('☺'), url('fonts/Clan-Book.woff') format('woff'), url('fonts/Clan-Book.ttf') format('truetype'), url('fonts/Clan-Book.svg#webfontgn8U5tTg') format('svg');
                          font-weight: normal;
                          font-style: normal;
                      }

                        
                      
                      > 	margin:17px -8.5px;  
                        
                      Wie stellst du dir halbe Pixel vor?  
                        
                      
                      > Ist daran was falsch?  
                        
                      Du nennst den Browser nicht - und ich würde pauchal sagen, dass der von dir verwendete IE ganz einfach keine svg-Fonts versteht, darum funktionierts nicht.  
                      
                      
  2. Om nah hoo pez nyeetz, Rekain!

    Schau mal im Wiki: webfonts

    Matthias

    --
    1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif